javasript实现密码的隐藏与显示


Posted in Javascript onMay 08, 2015

javascript实现的查看隐藏的密码框中明文信息的方法,用户输入密码时显示星号,如何查看明文信息呢,用js可以实现查看密码框的明文。

在密码框中输入密码,会以星号来显示,文字内容被自动隐藏了。

用户输入密码时显示星号,如何查看明文信息呢,用js可以实现查看密码框的明文。

代码:

<html><head><title>密码的隐藏与显示</title>
</head>
<body bgcolor=#fef4d9><br><br>
<center>密码的隐藏与显示</center><br>
<center>
<table bordercolor=#cc0000 border=5 borderlight="green">
<tbody>
<tr>
<td align=middle><div align="center">效果显示</div></td>
</tr>
<tr>
<td align=middle>
<form name=forms action="" method=post><span id=box>
<input type=password value=523654 name=password></span> <span id=click><a href="javascript:ps()">显示密码</a></span>
<script language=javascript>
function ps(){
if (this.forms.password.type="password")
box.innerhtml="<input type="html" name="password" size="20" value="+this.forms.password.value+">";
click.innerhtml="<a href="javascript:txt()">隐藏密码</a>"}
function txt(){
if (this.forms.password.type="text")
box.innerhtml="<input type="password" name="password" size="20" value="+this.forms.password.value+">";
click.innerhtml="<a href="javascript:ps()">显示密码</a>"}
</script>
</form></td></tr></tbody></table></center>
</body>
</html>

以上所述就是本文的全部内容,有需要的小伙伴可以参考下。

Javascript 相关文章推荐
javascript 禁止复制网页
Jun 11 Javascript
扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
Dec 08 Javascript
html5 canvas js(数字时钟)实例代码
Dec 23 Javascript
node.js中的fs.chmod方法使用说明
Dec 18 Javascript
深入理解JavaScript系列(49):Function模式(上篇)
Mar 04 Javascript
让网站自动生成章节目录索引的多个js代码
Jan 07 Javascript
微信小程序自定义select下拉选项框组件的实现代码
Aug 28 Javascript
详解js中Array的方法及技巧
Sep 12 Javascript
详解webpack打包第三方类库的正确姿势
Oct 20 Javascript
基于Vue.js与WordPress Rest API构建单页应用详解
Sep 16 Javascript
详解钉钉小程序组件之自定义模态框(弹窗封装实现)
Mar 07 Javascript
微信小程序个人中心的列表控件实现代码
Apr 26 Javascript
jquery实现动态改变div宽度和高度
May 08 #Javascript
jquery右下角自动弹出可关闭的广告层
May 08 #Javascript
jQuery实现鼠标经过图片变亮其他变暗效果
May 08 #Javascript
JavaScript实现自动变换表格边框颜色
May 08 #Javascript
JavaScript基于setTimeout实现计数的方法
May 08 #Javascript
jQuery基于图层模仿五星星评价功能的方法
May 07 #Javascript
jQuery实现的多屏图像图层切换效果实例
May 07 #Javascript
You might like
PHP mkdir()定义和用法
2009/01/14 PHP
Yii2 rbac权限控制之菜单menu实例教程
2016/04/28 PHP
php安装dblib扩展,连接mssql的具体步骤
2017/03/02 PHP
Laravel框架实现修改登录和注册接口数据返回格式的方法
2018/08/17 PHP
javascript 禁止复制网页
2009/06/11 Javascript
jquery中防刷IP流量软件影响统计的一点对策
2011/07/10 Javascript
Prototype的Class.create函数解析
2011/09/22 Javascript
JavaScript调用后台的三种方法实例
2013/10/17 Javascript
javaScript 计算两个日期的天数相差(示例代码)
2013/12/27 Javascript
js动态添加onclick事件可传参数与不传参数
2014/07/29 Javascript
使用phantomjs进行网页抓取的实现代码
2014/09/29 Javascript
javascript使用for循环批量注册的事件不能正确获取索引值的解决方法
2014/12/20 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
2015/06/10 Javascript
javascript常见数据验证插件大全
2015/08/03 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
2016/08/29 Javascript
原生js实现焦点轮播图效果
2017/01/12 Javascript
微信小程序 图片加载(本地,网路)实例详解
2017/03/10 Javascript
Angular中sweetalert弹框的基本使用教程
2018/07/22 Javascript
微信小程序传值以及获取值方法的详解
2019/04/29 Javascript
详解Vue.js 响应接口
2020/07/04 Javascript
浅谈Python中带_的变量或函数命名
2017/12/04 Python
python设置环境变量的原因和方法
2019/06/24 Python
python过滤中英文标点符号的实例代码
2019/07/15 Python
Django 批量插入数据的实现方法
2020/01/12 Python
python模拟哔哩哔哩滑块登入验证的实现
2020/04/24 Python
Elasticsearch py客户端库安装及使用方法解析
2020/09/14 Python
通过一张图教会你CSS3倒影的实现
2017/09/26 HTML / CSS
高中生学习生活的自我评价
2013/10/09 职场文书
摄影专业毕业生求职信
2014/08/05 职场文书
2014县委书记四风对照检查材料思想汇报
2014/09/21 职场文书
2014年维修电工工作总结
2014/11/20 职场文书
新年晚会开场白
2015/05/29 职场文书
家长反馈意见及建议
2015/06/03 职场文书
2015年暑期社会实践方案
2015/07/14 职场文书
2016简历自荐信优秀范文
2016/01/29 职场文书
python基于opencv批量生成验证码的示例
2021/04/28 Python