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.toolTip
Nov 14 Javascript
jquery如何把数组变为字符串传到服务端并处理
Apr 30 Javascript
js实现的黑背景灰色二级导航菜单效果代码
Aug 24 Javascript
jQuery.form.js插件不能解决连接超时(timeout)的原因分析及解决方法
Oct 14 Javascript
简单理解Vue条件渲染
Dec 03 Javascript
微信小程序 石头剪刀布实例代码
Jan 04 Javascript
JavaScript注册时密码强度校验代码
Jun 30 Javascript
jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】
Sep 12 jQuery
Mint-UI时间组件起始时间问题及时间插件使用
Aug 20 Javascript
JavaScript遍历数组和对象的元素简单操作示例
Jul 09 Javascript
laypage.js分页插件使用方法详解
Jul 27 Javascript
基于mpvue的简单弹窗组件mptoast使用详解
Aug 02 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
discuz Passport 通行证 整合笔记
2008/06/30 PHP
通用PHP动态生成静态HTML网页的代码
2010/03/04 PHP
在PHP中养成7个面向对象的好习惯
2010/07/17 PHP
解析php二分法查找数组是否包含某一元素
2013/05/23 PHP
php格式化日期和时间格式化示例分享
2014/02/24 PHP
ThinkPHP 表单自动验证运用示例
2014/10/13 PHP
php发送邮件的问题详解
2015/06/22 PHP
Yii中srbac权限扩展模块工作原理与用法分析
2016/07/14 PHP
thinkPHP自动验证、自动添加及表单错误问题分析
2016/10/17 PHP
php实现的rc4加密解密类定义与用法示例
2018/08/16 PHP
基于PHP实现邮箱验证激活过程详解
2020/10/28 PHP
JS密码生成与强度检测完整实例(附demo源码下载)
2016/04/06 Javascript
AngularJS变量及过滤器Filter用法分析
2016/11/22 Javascript
单击按钮发送验证码,出现倒计时的简单实例
2017/03/17 Javascript
JavaScript闭包和回调详解
2017/08/09 Javascript
vue2单元测试环境搭建
2018/05/24 Javascript
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
2019/01/18 Javascript
Vue搭建后台系统需要注意的问题
2019/11/08 Javascript
vscode 配置vue+vetur+eslint+prettier自动格式化功能
2020/03/23 Javascript
vue axios封装httpjs,接口公用配置拦截操作
2020/08/11 Javascript
python操作ssh实现服务器日志下载的方法
2015/06/03 Python
用Python下载一个网页保存为本地的HTML文件实例
2018/05/21 Python
Python利用scapy实现ARP欺骗的方法
2019/07/23 Python
python实现通过flask和前端进行数据收发
2019/08/22 Python
在python中使用pyspark读写Hive数据操作
2020/06/06 Python
python中字符串的编码与解码详析
2020/12/03 Python
html5的画布canvas——画出简单的矩形、三角形实例代码
2013/06/09 HTML / CSS
2014年清明节寄语
2014/04/03 职场文书
煤矿安全演讲稿
2014/05/09 职场文书
促销活动总结怎么写
2014/06/25 职场文书
村党支部对照检查材料思想汇报
2014/09/28 职场文书
志愿者服务宣传标语口号
2015/12/26 职场文书
《童年》读后感(三篇)
2019/08/27 职场文书
elementui的el-popover修改样式不生效的解决
2021/06/30 Javascript
JavaScript组合继承详解
2021/11/07 Javascript
Python 绘制多因子柱状图
2022/05/11 Python