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』.html(),.text()和.val()的概述及使用
Apr 22 Javascript
Javascript拓展String方法小结
Jul 08 Javascript
解决JQeury显示内容没有边距内容紧挨着浏览器边线
Dec 20 Javascript
append和appendTo的区别以及appendChild用法
Dec 24 Javascript
详解JavaScript中setSeconds()方法的使用
Jun 11 Javascript
分享15个大家都熟知的jquery小技巧
Dec 02 Javascript
AngularJS 使用 UI Router 实现表单向导
Jan 29 Javascript
巧用Javascript的逻辑运算符
Dec 02 Javascript
微信小程序导航栏滑动定位功能示例(实现CSS3的positionsticky效果)
Jan 24 Javascript
详解VS Code使用之Vue工程配置format代码格式化
Mar 20 Javascript
微信小程序停止其他视频播放当前视频的实例代码
Dec 25 Javascript
微信小程序视频弹幕发送功能的实现
Dec 28 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中4个加速、缓存扩展的区别和选用建议
2014/03/12 PHP
php curl 上传文件代码实例
2015/04/27 PHP
javascript 年月日联动实现核心代码
2009/12/21 Javascript
使用jQuery+HttpHandler+xml模拟一个三级联动的例子
2011/08/09 Javascript
新浪微博字数统计 textarea字数统计实现代码
2011/08/28 Javascript
Javascript脚本实现静态网页加密实例代码
2013/11/05 Javascript
JavaScript使用HTML5的window.postMessage实现跨域通信例子
2014/04/11 Javascript
javascript实现列表滚动的方法
2015/07/30 Javascript
整理Javascript流程控制语句学习笔记
2015/11/29 Javascript
java必学必会之static关键字
2015/12/03 Javascript
快速掌握Node.js模块封装及使用
2016/03/21 Javascript
Nodejs中 npm常用命令详解
2016/07/04 NodeJs
EasyUI加载完Html内容样式渲染完成后显示
2016/07/25 Javascript
js css3实现图片拖拽效果
2017/03/04 Javascript
layui弹出层效果实现代码
2017/05/19 Javascript
Javascript实现base64的加密解密方法示例
2017/06/27 Javascript
详解Angular CLI + Electron 开发环境搭建
2017/07/20 Javascript
快速解决vue-cli不能初始化webpack模板的问题
2018/03/20 Javascript
react配置antd按需加载的使用
2019/02/11 Javascript
TypeScript之调用栈的实现
2019/12/31 Javascript
JS数组方法reverse()用法实例分析
2020/01/18 Javascript
JavaScript实现轮播图片完整代码
2020/03/07 Javascript
微信小程序图片右边加两行文字的代码
2020/04/23 Javascript
零基础写python爬虫之urllib2使用指南
2014/11/05 Python
Windows和Linux下使用Python访问SqlServer的方法介绍
2015/03/10 Python
Django查找网站项目根目录和对正则表达式的支持
2015/07/15 Python
pytorch载入预训练模型后,实现训练指定层
2020/01/06 Python
Pycharm Available Package无法显示/安装包的问题Error Loading Package List解决
2020/09/18 Python
Django xadmin安装及使用详解
2020/10/26 Python
浅析python实现动态规划背包问题
2020/12/31 Python
html5 offlline 缓存使用示例
2013/06/24 HTML / CSS
html5使用canvas实现弹幕功能示例
2017/09/11 HTML / CSS
阿联酋团购网站:Groupon阿联酋
2016/10/14 全球购物
BONIA官方网站:国际奢侈品牌和皮革专家
2016/11/27 全球购物
丝芙兰墨西哥官网:Sephora墨西哥
2020/05/30 全球购物
如何写出高质量、高性能的MySQL查询
2014/11/17 面试题