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复制到剪切板的实例方法
Jun 28 Javascript
JQUERY dialog的用法详细解析
Dec 19 Javascript
PHP使用方法重载实现动态创建属性的get和set方法
Nov 17 Javascript
javascript框架设计读书笔记之种子模块
Dec 02 Javascript
为什么JS中eval处理JSON数据要加括号
Apr 13 Javascript
浅谈jQuery中replace()方法
May 13 Javascript
使用 JavaScript 进行函数式编程 (一) 翻译
Oct 02 Javascript
原生JS实现拖拽图片效果
Aug 27 Javascript
sencha ext js 6 快速入门(必看)
Jun 01 Javascript
JavaScript使用Range调色及透明度实例
Sep 25 Javascript
在vue2.0中引用element-ui组件库的方法
Jun 21 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
Sep 12 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
《OVERLORD》手游英文版即将上线 手机上也能扮演骨王
2020/04/09 日漫
PHP 和 XML: 使用expat函数(二)
2006/10/09 PHP
用PHP获取Google AJAX Search API 数据的代码
2010/03/12 PHP
PHP访问Google Search API的方法
2015/03/05 PHP
PHP实现的激活用户注册验证邮箱功能示例
2017/06/06 PHP
PHP实现微信模拟登陆并给用户发送消息的方法【文字,图片,图文】
2017/06/29 PHP
layui数据表格自定义每页条数limit设置
2019/10/26 PHP
CI框架简单分页类用法示例
2020/06/06 PHP
js 加载并解析XML字符串的代码
2009/12/13 Javascript
离开页面时检测表单元素是否被修改,提示保存的js代码
2010/08/25 Javascript
jquery解析XML字符串和XML文件的方法说明
2014/02/21 Javascript
jQuery链式操作实例分析
2015/11/16 Javascript
javascript实现获取指定精度的上传文件的大小简单实例
2016/10/25 Javascript
Bootstrap select多选下拉框实现代码
2016/12/23 Javascript
详解Sea.js中Module.exports和exports的区别
2017/02/12 Javascript
微信小程序开发之实现自定义Toast弹框
2017/06/08 Javascript
vue实现表单录入小案例
2019/09/27 Javascript
ligerUI的ligerDialog关闭刷新的方法
2019/09/27 Javascript
js生成1到100的随机数最简单的实现方法
2020/02/07 Javascript
跟老齐学Python之重回函数
2014/10/10 Python
Python如何快速实现分布式任务
2017/07/06 Python
Python OpenCV中的resize()函数的使用
2019/06/20 Python
pandas读取CSV文件时查看修改各列的数据类型格式
2019/07/07 Python
解决IDEA 的 plugins 搜不到任何的插件问题
2020/05/04 Python
基于OpenCV的路面质量检测的实现
2020/11/04 Python
详解html5 canvas常用api总结(二)--绘图API
2016/12/14 HTML / CSS
欧洲品牌瓷器餐具网上商店:Porzellantreff.de
2018/04/04 全球购物
尤为Wconcept中国官网:韩国设计师品牌服饰
2019/01/10 全球购物
GWT都有什么特性
2016/12/02 面试题
日语专业个人求职信范文
2014/02/02 职场文书
诚信承诺书范文
2014/03/27 职场文书
献爱心捐款倡议书
2014/05/14 职场文书
安全保卫工作竞聘材料
2014/08/25 职场文书
党员批评与自我批评思想汇报(集锦)
2014/09/14 职场文书
个人工作表现评价材料
2014/09/21 职场文书
青年人初次创业的“五不要”
2019/08/23 职场文书