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 相关文章推荐
JS代码格式化和语法着色V2
Oct 14 Javascript
FF IE兼容性的修改小结
Sep 02 Javascript
通过jquery 获取URL参数并进行转码
Aug 18 Javascript
跟我学习javascript的基本类型和引用类型
Nov 16 Javascript
利用Node.js制作爬取大众点评的爬虫
Sep 22 Javascript
使用jquery如何获取时间
Oct 13 Javascript
AngularJS中watch监听用法分析
Nov 04 Javascript
mint-ui 时间插件使用及获取选择值的方法
Feb 09 Javascript
js实现敏感词过滤算法及实现逻辑
Jul 24 Javascript
vue工程全局设置ajax的等待动效的方法
Feb 22 Javascript
ligerUI的ligerDialog关闭刷新的方法
Sep 27 Javascript
vue iview实现动态新增和删除
Jun 17 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消息队列用法实例分析
2016/02/12 PHP
Javascript实例教程(19) 使用HoTMetal(2)
2006/12/23 Javascript
ExtJS 简介 让你知道extjs是什么
2008/12/29 Javascript
基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中
2014/05/11 Javascript
js改变Iframe中Src的方法
2015/05/05 Javascript
浅谈JS原生Ajax,GET和POST
2016/06/08 Javascript
完美实现js选项卡切换效果(一)
2017/03/08 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
2017/05/26 Javascript
浅谈angular.js跨域post解决方案
2017/08/30 Javascript
vue将时间戳转换成自定义时间格式的方法
2018/03/02 Javascript
Flutter 超实用简单菜单弹出框 PopupMenuButton功能
2019/08/06 Javascript
layui扩展上传组件模拟进度条的方法
2019/09/23 Javascript
Weex开发之地图篇的具体使用
2019/10/16 Javascript
antd多选下拉框一行展示的实现方式
2020/10/31 Javascript
python通过BF算法实现关键词匹配的方法
2015/03/13 Python
使用Python中的cookielib模拟登录网站
2015/04/09 Python
Python下Fabric的简单部署方法
2015/07/14 Python
如何在Python中编写并发程序
2016/02/27 Python
python爬虫实战之爬取京东商城实例教程
2017/04/24 Python
Python算法之求n个节点不同二叉树个数
2017/10/27 Python
Numpy掩码式数组详解
2018/04/17 Python
利用python将pdf输出为txt的实例讲解
2018/04/23 Python
解决Python网页爬虫之中文乱码问题
2018/05/11 Python
python用列表生成式写嵌套循环的方法
2018/11/08 Python
利用python开发app实战的方法
2019/07/09 Python
pytorch之ImageFolder使用详解
2020/01/06 Python
django-orm F对象的使用 按照两个字段的和,乘积排序实例
2020/05/18 Python
Python2及Python3如何实现兼容切换
2020/09/01 Python
详解CSS3中Media Queries的相关使用
2015/07/17 HTML / CSS
CSS3实现swap交换动画
2016/01/19 HTML / CSS
学生会副主席竞聘书
2014/03/31 职场文书
学习经验交流会主持词
2014/04/01 职场文书
电子商务系毕业生自荐信
2014/05/29 职场文书
老兵退伍感言
2015/08/03 职场文书
关爱空巢老人感想
2015/08/11 职场文书
求职信如何撰写?
2019/05/22 职场文书