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 相关文章推荐
jQuery对象和Javascript对象之间转换的实例代码
Mar 20 Javascript
js动态添加删除,后台取数据(示例代码)
Nov 25 Javascript
JS实现从连接中获取youtube的key实例
Jul 02 Javascript
JQuery标签页效果实例详解
Dec 24 Javascript
详解js中Json的语法与格式
Nov 22 Javascript
Vue中使用vux的配置详解
May 05 Javascript
js实现分页功能
May 24 Javascript
Angular中使用better-scroll插件的方法
Mar 27 Javascript
vue使用video.js进行视频播放功能
Jul 18 Javascript
浅析js实现网页截图的两种方式
Nov 01 Javascript
vue商城中商品“筛选器”功能的实现代码
Jul 01 Javascript
Vue指令实现OutClick的示例
Nov 16 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定界符
2014/06/19 PHP
thinkphp实现发送邮件密码找回功能实例
2014/12/01 PHP
laravel validate 设置为中文的例子(验证提示为中文)
2019/09/29 PHP
PHP fopen中文文件名乱码问题解决方案
2020/10/28 PHP
使用jscript实现二进制读写脚本代码
2008/06/09 Javascript
ExtJS扩展 垂直tabLayout实现代码
2009/06/21 Javascript
基于jQuery的history历史记录插件
2010/12/11 Javascript
js浮点数精确计算(加、减、乘、除)
2013/12/26 Javascript
setInterval与clearInterval的使用示例代码
2014/01/28 Javascript
Jquery解析Json格式数据过程代码
2014/10/17 Javascript
node.js中的fs.write方法使用说明
2014/12/15 Javascript
jQuery中ajax的load()方法用法实例
2014/12/26 Javascript
javascript检查浏览器是否已经启用XX功能
2015/07/10 Javascript
JS模拟实现Select效果代码
2015/09/24 Javascript
提升jQuery的性能需要做好七件事
2016/01/11 Javascript
ion content 滚动到底部会遮住一部分视图的快速解决方法
2016/09/06 Javascript
jQuery中Datatables增加跳转到指定页功能
2017/02/08 Javascript
vue loadmore组件上拉加载更多功能示例代码
2017/07/19 Javascript
Vue项目中使用jquery的简单方法
2019/05/16 jQuery
Vuex实现简单购物车
2021/01/10 Vue.js
Python cookbook(数据结构与算法)字典相关计算问题示例
2018/02/18 Python
python实现简易通讯录修改版
2018/03/13 Python
OpenCV+python手势识别框架和实例讲解
2018/08/03 Python
python生成器/yield协程/gevent写简单的图片下载器功能示例
2019/10/28 Python
python如何通过twisted搭建socket服务
2020/02/03 Python
python中Ansible模块的Playbook的具体使用
2020/05/28 Python
Python读取Excel数据并生成图表过程解析
2020/06/18 Python
CSS3中设置3D变形的transform-style属性详解
2016/05/23 HTML / CSS
video实现有声音自动播放的实现方法
2020/05/20 HTML / CSS
Clarks西班牙官方在线商店:clarks鞋
2019/05/03 全球购物
教师年度考核自我鉴定
2014/01/19 职场文书
国培计划培训感言
2014/03/11 职场文书
病媒生物防治方案
2014/05/13 职场文书
2014年党员学习“三严三实”思想汇报
2014/09/15 职场文书
Vue的过滤器你真了解吗
2022/02/24 Vue.js
Ubuntu18.04下QT开发Android无法连接设备问题解决实现
2022/06/01 Java/Android