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的二级联动菜单实现代码
Apr 25 Javascript
jquery动态添加删除div 具体实现
Jul 20 Javascript
JavaScript实现的encode64加密算法实例分析
Apr 15 Javascript
如何使用jquery修改css中带有!important的样式属性
Apr 28 Javascript
webpack中引用jquery的简单实现
Jun 08 Javascript
JS实现的表头列头固定页面功能示例
Jan 10 Javascript
JavaScript 获取元素在父节点中的下标(推荐)
Jun 28 Javascript
Vue 菜单栏点击切换单个class(高亮)的方法
Aug 22 Javascript
用npm-run实现自动化任务的方法示例
Jan 14 Javascript
vue路由中前进后退的一些事儿
May 18 Javascript
微信小程序实现音乐播放器
Nov 20 Javascript
js+canvas实现纸牌游戏
Mar 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之第九天
2006/10/09 PHP
php fckeditor 调用的函数
2009/06/21 PHP
需要发散思维学习PHP
2009/06/29 PHP
php 执行系统命令的方法
2009/07/07 PHP
PHP实现动态获取函数参数的方法示例
2018/04/02 PHP
php框架CI(codeigniter)自动加载与自主创建对象操作实例分析
2020/06/06 PHP
javascript中的107个基础知识收集整理 推荐
2010/03/29 Javascript
javascript cookies操作集合
2010/04/12 Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
2013/12/05 Javascript
raphael.js绘制中国地图 地图绘制方法
2014/02/12 Javascript
JavaScript中计算网页中某个元素的位置
2015/06/10 Javascript
JavaScript Promise 用法
2016/06/14 Javascript
很实用的js选项卡切换效果
2016/08/12 Javascript
jquery dataTable 获取某行数据
2017/05/05 jQuery
vuex中使用对象展开运算符的示例
2017/09/25 Javascript
iview日期控件,双向绑定日期格式的方法
2018/03/15 Javascript
浅谈redux以及react-redux简单实现
2018/08/28 Javascript
如何为vuex实现带参数的 getter和state.commit
2019/01/04 Javascript
mpvue实现左侧导航与右侧内容的联动
2019/10/21 Javascript
[01:11:35]Liquid vs LGD 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
linux环境下安装pyramid和新建项目的步骤
2013/11/27 Python
python验证身份证信息实例代码
2019/05/06 Python
PyQt5 在label显示的图片中绘制矩形的方法
2019/06/17 Python
python中enumerate() 与zip()函数的使用比较实例分析
2019/09/03 Python
numpy创建单位矩阵和对角矩阵的实例
2019/11/29 Python
OpenCV Python实现拼图小游戏
2020/03/23 Python
python实现贪吃蛇双人大战
2020/04/18 Python
Tensorflow卷积实现原理+手写python代码实现卷积教程
2020/05/22 Python
在HTML5中使用MathML数学公式的简单讲解
2016/02/19 HTML / CSS
雅诗兰黛澳大利亚官网:Estée Lauder澳大利亚
2019/05/31 全球购物
如果有两个类A,B,怎么样才能使A在发生一个事件的时候通知B
2016/03/12 面试题
单位单身证明范本
2014/01/11 职场文书
村居抓节水倡议书
2014/05/19 职场文书
小学班主任工作随笔
2015/08/15 职场文书
创业计划书之牛肉汤快餐店
2019/10/08 职场文书
Python多线程 Queue 模块常见用法
2021/07/04 Python