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 动画基础教程
Dec 25 Javascript
Firefox下提示illegal character并出现乱码的原因
Mar 25 Javascript
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
Feb 27 Javascript
node.js中的url.format方法使用说明
Dec 10 Javascript
在Python中使用glob模块查找文件路径的方法
Jun 17 Javascript
在WordPress中加入Google搜索功能的简单步骤讲解
Jan 04 Javascript
内容滑动切换效果jquery.hwSlide.js插件封装
Jul 07 Javascript
JS转换HTML转义符的方法
Aug 24 Javascript
Bootstrap栅格系统的使用和理解2
Dec 14 Javascript
微信小程序图片自适应支持多图实例详解
Jun 21 Javascript
Vue-cropper 图片裁剪的基本原理及思路讲解
Apr 17 Javascript
LayUi中接口传数据成功,表格不显示数据的解决方法
Aug 19 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&amp;&amp;mysql)二
2006/10/09 PHP
用PHP实现多服务器共享SESSION数据的方法
2007/03/16 PHP
Search File Contents PHP 搜索目录文本内容的代码
2010/02/21 PHP
getimagesize获取图片尺寸实例
2014/11/15 PHP
PHP正则判断一个变量是否为正整数的方法
2019/02/27 PHP
一个js实现的所谓的滑动门
2007/05/23 Javascript
javascript中&quot;/&quot;运算符常见错误
2010/10/13 Javascript
jquery 之 $().hover(func1, funct2)使用方法
2012/06/14 Javascript
通过jQuery源码学习javascript(二)
2012/12/27 Javascript
快速掌握WordPress中加载JavaScript脚本的方法
2015/12/17 Javascript
javascript每日必学之循环
2016/02/19 Javascript
webpack中引用jquery的简单实现
2016/06/08 Javascript
AngularJS入门教程之表单校验用法示例
2016/11/02 Javascript
基于vue2的table分页组件实现方法
2017/03/20 Javascript
JS中去掉array中重复元素的方法
2017/05/26 Javascript
jQuery niceScroll滚动条错位问题的解决方法
2018/02/03 jQuery
Jquery ajax书写方法代码实例解析
2020/06/12 jQuery
[00:26]TI7不朽珍藏III——冥界亚龙不朽展示
2017/07/15 DOTA
[51:17]完美世界DOTA2联赛循环赛Inki vs DeMonsTer 第二场 10月30日
2020/10/31 DOTA
Python下rrdtool模块的基本使用方法
2015/11/13 Python
一个基于flask的web应用诞生 记录用户账户登录状态(6)
2017/04/11 Python
python实现百万答题自动百度搜索答案
2018/01/16 Python
TensorFlow实现简单卷积神经网络
2018/05/24 Python
python如何实现异步调用函数执行
2019/07/08 Python
python各层级目录下import方法代码实例
2020/01/20 Python
使用Python爬虫库BeautifulSoup遍历文档树并对标签进行操作详解
2020/01/25 Python
详解用Pytest+Allure生成漂亮的HTML图形化测试报告
2020/03/31 Python
Python实现扫码工具的示例代码
2020/10/09 Python
Python高阶函数与装饰器函数的深入讲解
2020/11/10 Python
Django如何继承AbstractUser扩展字段
2020/11/27 Python
html5定位并在百度地图上显示的示例
2014/04/27 HTML / CSS
德国网上宠物店:Zoobio
2018/05/23 全球购物
商务英语毕业生自荐信范文
2013/11/08 职场文书
检讨书范文大全
2015/05/07 职场文书
个人收入证明范本
2015/06/12 职场文书
2015年学校总务工作总结
2015/07/20 职场文书