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 相关文章推荐
在b/s开发中经常用到的javaScript技术
Aug 23 Javascript
用JavaScript脚本实现Web页面信息交互
Dec 21 Javascript
新手常遇到的一些jquery问题整理
Aug 16 Javascript
JavaScript中的类继承
Nov 25 Javascript
js或者jquery判断图片是否加载完成实现代码
Mar 20 Javascript
javascript读取文本节点方法小结
Dec 15 Javascript
详解javascript表单的Ajax提交插件的使用
Dec 29 Javascript
Angular.js跨controller实现参数传递的两种方法
Feb 20 Javascript
JavaScript编写一个贪吃蛇游戏
Mar 09 Javascript
jQuery实现html双向绑定功能示例
Oct 09 jQuery
使用百度地图实现地图网格的示例
Feb 06 Javascript
angularJs自定义过滤器实现手机号信息隐藏的方法
Oct 08 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 error_log()将错误信息写入一个文件(定义和用法)
2013/10/25 PHP
php实现查看邮件是否已被阅读的方法
2013/12/03 PHP
thinkPHP框架实现的简单计算器示例
2018/12/07 PHP
JS array 数组详解
2009/03/22 Javascript
玩转方法:call和apply
2014/05/08 Javascript
使用mini-define实现前端代码的模块化管理
2014/12/25 Javascript
js实现类似菜单风格的TAB选项卡效果代码
2015/08/28 Javascript
jQuery中trigger()与bind()用法分析
2015/12/18 Javascript
使用递归遍历对象获得value值的实现方法
2016/06/14 Javascript
Bootstrap轮播插件简单使用方法介绍
2016/06/21 Javascript
老生常谈ES6中的类
2017/07/31 Javascript
微信小程序之电影影评小程序制作代码
2017/08/03 Javascript
JS实现预加载视频音频/视频获取截图(返回canvas截图)
2017/10/09 Javascript
vue实现图片加载完成前的loading组件方法
2018/02/05 Javascript
vue+axios新手实践实现登陆的示例代码
2018/06/06 Javascript
Vue中computed、methods与watch的区别总结
2019/04/10 Javascript
微信小程序前端自定义分享的实现方法
2019/06/13 Javascript
JavaScript实现简易聊天对话框(加滚动条)
2020/02/10 Javascript
前端开发基础javaScript的六大作用
2020/08/06 Javascript
解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题
2020/09/02 Javascript
selenium+python自动化测试之使用webdriver操作浏览器的方法
2019/01/23 Python
python从入门到精通 windows安装python图文教程
2019/05/18 Python
Python的互斥锁与信号量详解
2019/09/12 Python
python中count函数简单的实例讲解
2020/02/06 Python
在Python 的线程中运行协程的方法
2020/02/24 Python
解决python3.x安装numpy成功但import出错的问题
2020/11/17 Python
python模拟点击玩游戏的实例讲解
2020/11/26 Python
玩具反斗城天猫官方旗舰店:享誉全球的玩具店
2017/10/10 全球购物
BCBG官网:BCBGMAXAZRIA
2017/12/29 全球购物
怎样建立和理解非常复杂的声明?例如定义一个包含N 个指向返回 指向字符的指针的函数的指针的数组?
2013/03/19 面试题
标准版离职证明书
2014/09/12 职场文书
医德考评自我评价
2014/09/14 职场文书
2014年小学校长工作总结
2014/12/08 职场文书
党建工作目标管理责任书
2015/01/29 职场文书
母婴行业实体、电商模式全面解析
2019/08/01 职场文书
15个值得收藏的JavaScript函数
2021/09/15 Javascript