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 相关文章推荐
关于取不到由location.href提交而来的上级页面地址的解决办法
Jul 30 Javascript
jQuery对下拉框,单选框,多选框的操作
Feb 21 Javascript
JQuery选中checkbox方法代码实例(全选、反选、全不选)
Apr 27 Javascript
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
Oct 15 Javascript
js实时获取窗口大小变化的实例代码
Nov 18 Javascript
网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法
Nov 24 Javascript
Javascript中八种遍历方法的执行速度深度对比
Apr 25 Javascript
React如何将组件渲染到指定DOM节点详解
Sep 08 Javascript
解决Vue 浏览器后退无法触发beforeRouteLeave的问题
Dec 24 Javascript
node 命令方式启动修改端口的方法
May 12 Javascript
关于vue的npm run dev和npm run build的区别介绍
Jan 14 Javascript
vue+element tabs选项卡分页效果
Jun 29 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 mysql数据库操作分页类
2008/06/04 PHP
php更改目录及子目录下所有的文件后缀扩展名的代码
2010/10/12 PHP
Thinkphp中数据按分类嵌套循环实现方法
2014/10/30 PHP
利用“多说”制作留言板、评论系统
2015/07/14 PHP
php类自动加载器实现方法
2015/07/28 PHP
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
2013/01/16 Javascript
jQuery中:gt选择器用法实例
2014/12/29 Javascript
jQuery获得子元素个数的方法
2015/04/14 Javascript
Javascript实现鼠标右键特色菜单
2015/08/04 Javascript
详解vue父子模版嵌套案例
2017/03/04 Javascript
在Create React App中启用Sass和Less的方法示例
2019/01/16 Javascript
JavaScript函数定义方法实例详解
2019/03/05 Javascript
vue全局自定义指令-元素拖拽的实现代码
2019/04/14 Javascript
layui实现checkbox的目录树tree的例子
2019/09/12 Javascript
vue项目出现页面空白的解决方案
2019/10/31 Javascript
angula中使用iframe点击后不执行变更检测的问题
2020/05/10 Javascript
Python lambda和Python def区别分析
2014/11/30 Python
一个简单的python爬虫程序 爬取豆瓣热度Top100以内的电影信息
2018/04/17 Python
Python读取本地文件并解析网页元素的方法
2018/05/21 Python
使用Django启动命令行及执行脚本的方法
2018/05/29 Python
详解python路径拼接os.path.join()函数的用法
2019/10/09 Python
浅谈Python3识别判断图片主要颜色并和颜色库进行对比的方法
2019/10/25 Python
使用Python对Dicom文件进行读取与写入的实现
2020/04/20 Python
安装Anaconda3及使用Jupyter的方法
2020/10/27 Python
Lacoste美国官网:经典POLO衫品牌
2016/10/12 全球购物
阿拉伯世界最大的电子商务网站:Souq沙特阿拉伯
2016/10/28 全球购物
美国顶级户外凉鞋品牌:Chacos
2017/03/27 全球购物
旅游专业职业生涯规划范文
2014/01/13 职场文书
办公室主任职责范本
2014/03/07 职场文书
请假条范文大全
2014/04/10 职场文书
机关干部个人对照检查材料思想汇报
2014/09/28 职场文书
刑事辩护授权委托书格式
2014/10/13 职场文书
责任书格式
2015/01/29 职场文书
幼儿园春季开学通知
2015/07/16 职场文书
oracle连接ODBC sqlserver数据源的详细步骤
2021/07/25 Oracle
分享mysql的current_timestamp小坑及解决
2021/11/27 MySQL