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 相关文章推荐
可拖动窗口,附带鼠标控制渐变透明,开启关闭功能
Jun 26 Javascript
js实现的切换面板实例代码
Jun 17 Javascript
jQuery插件实现控制网页元素动态居中显示
Mar 24 Javascript
jquery正则表达式验证(手机号、身份证号、中文名称)
Dec 31 Javascript
jquery二级目录选中当前页的css样式
Dec 08 Javascript
Javascript 一些需要注意的细节(必看篇)
Jul 08 Javascript
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
Aug 14 Javascript
示例vue 的keep-alive缓存功能的实现
Dec 13 Javascript
jquery实现二级导航下拉菜单效果实例
May 14 jQuery
LayUi使用switch开关,动态的去控制它是否被启用的方法
Sep 21 Javascript
javascript+css实现俄罗斯方块小游戏
Jun 28 Javascript
JavaScript DOM常用操作代码汇总
Jul 03 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制作静态网站的模板框架
2006/10/09 PHP
PHP CURL获取cookies模拟登录的方法
2013/11/04 PHP
PHP设计模式之工厂模式与单例模式
2016/09/28 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
JavaScript 异步调用框架 (Part 1 - 问题 &amp; 场景)
2009/08/03 Javascript
jquery获取自定义属性(attr和prop)实例介绍
2013/04/21 Javascript
JavaScript正则表达式实例详解
2016/10/16 Javascript
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
2016/11/22 Javascript
Javascript 编码约定(编码规范)
2018/03/11 Javascript
Postman模拟发送带token的请求方法
2018/03/31 Javascript
详解vue-loader在项目中是如何配置的
2018/06/04 Javascript
vue.js 实现输入框动态添加功能
2018/06/25 Javascript
node命令行工具之实现项目工程自动初始化的标准流程
2019/08/12 Javascript
微信小程序项目总结之记账小程序功能的实现(包括后端)
2019/08/20 Javascript
layer.open 子页面弹出层向父页面传输数据的例子
2019/09/26 Javascript
微信小程序实现同时上传多张图片
2020/02/03 Javascript
javascript实现点击产生随机图形
2021/01/25 Javascript
wxpython 学习笔记 第一天
2009/03/16 Python
详解Python编程中对Monkey Patch猴子补丁开发方式的运用
2016/05/27 Python
完美解决Pycharm无法导入包的问题 Unresolved reference
2018/05/18 Python
Python3多线程操作简单示例
2018/05/22 Python
Python使用try except处理程序异常的三种常用方法分析
2018/09/05 Python
Windows 8.1 64bit下搭建 Scrapy 0.22 环境
2018/11/18 Python
Python时间序列缺失值的处理方法(日期缺失填充)
2019/08/11 Python
Django接收自定义http header过程详解
2019/08/23 Python
TensorFlow tf.nn.conv2d实现卷积的方式
2020/01/03 Python
Python requests HTTP验证登录实现流程
2020/11/05 Python
Get The Label中文官网:英国运动时尚购物平台
2017/04/19 全球购物
英国二手iPhone、音乐、电影和游戏商店:musicMagpie
2018/10/26 全球购物
工程部经理岗位职责
2013/12/08 职场文书
自动化职业生涯规划书范文
2014/01/03 职场文书
个人查摆剖析材料
2014/02/04 职场文书
环境保护标语
2014/06/20 职场文书
公司保密管理制度
2015/08/04 职场文书
关于Python使用turtle库画任意图的问题
2022/04/01 Python
Elasticsearch 数据类型及管理
2022/04/19 Python