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 要点归纳(一) jQuery选择器
Mar 21 Javascript
Egret引擎开发指南之运行项目
Sep 03 Javascript
node.js中的http.response.setHeader方法使用说明
Dec 14 Javascript
node.js读取文件到字符串的方法
Jun 29 Javascript
ES6记录异步函数的执行时间详解
Aug 31 Javascript
用jmSlip编写移动端顶部日历选择控件
Oct 24 Javascript
基于jQuery封装的分页组件
Jun 26 jQuery
详解vue+vuex+koa2开发环境搭建及示例开发
Jan 22 Javascript
详解使用jest对vue项目进行单元测试
Sep 07 Javascript
vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例
Oct 31 Javascript
小程序自定义圆形进度条
Nov 17 Javascript
使用vue-element-admin框架从后端动态获取菜单功能的实现
Apr 29 Vue.js
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
新版mysql+apache+php Linux安装指南
2006/10/09 PHP
php比较两个绝对时间的大小
2014/01/31 PHP
Yii核心验证器api详解
2016/11/23 PHP
php实现支持中文的文件下载功能示例
2017/08/30 PHP
PHP7匿名类的用法示例
2019/04/05 PHP
PHP 出现 http500 错误的解决方法
2021/03/09 PHP
javascript 面向对象编程 聊聊对象的事
2009/09/17 Javascript
Javascript 页面模板化很多人没有使用过的方法
2012/06/05 Javascript
关于js注册事件的常用方法
2013/04/03 Javascript
div浮层,滚动条移动,位置保持不变的4种方法汇总
2013/12/11 Javascript
js获得参数的getParameter使用示例
2014/02/26 Javascript
javascript控制在光标位置插入文字适合表情的插入
2014/06/09 Javascript
jQuery实现仿腾讯迷你首页选项卡效果代码
2015/09/17 Javascript
php利用curl获取远程图片实现方法
2015/10/26 Javascript
js模式化窗口问题![window.dialogArguments]
2016/10/30 Javascript
使用vue.js编写蓝色拼图小游戏
2017/03/17 Javascript
jQuery 操作 HTML 元素和属性的方法
2018/11/12 jQuery
函数式编程入门实践(一)
2019/04/20 Javascript
详解在HTTPS 项目中使用百度地图 API
2019/04/26 Javascript
JavaScript中的null和undefined用法解析
2019/09/30 Javascript
JavaScript复制变量三种方法实例详解
2020/01/09 Javascript
vue 调用 RESTful风格接口操作
2020/08/11 Javascript
微信小程序canvas动态时钟
2020/10/22 Javascript
[01:32]TI珍贵瞬间系列(一)
2020/08/26 DOTA
用Python实现斐波那契(Fibonacci)函数
2016/03/25 Python
python3结合openpyxl库实现excel操作的实例代码
2018/09/11 Python
关于Python3 类方法、静态方法新解
2019/08/30 Python
Python3中configparser模块读写ini文件并解析配置的用法详解
2020/02/18 Python
Python能做什么
2020/06/02 Python
keras 两种训练模型方式详解fit和fit_generator(节省内存)
2020/07/03 Python
机械设计专业应届生求职信
2013/11/21 职场文书
初一体育教学反思
2014/01/29 职场文书
奥巴马获胜演讲稿
2014/05/15 职场文书
护理专业自荐信范文
2015/03/06 职场文书
2016国庆节67周年红领巾广播稿
2015/12/18 职场文书
导游词之茶卡盐湖
2019/11/26 职场文书