文本框中密码的隐藏与显示


 HTML文本框中,如果设定为密码框,则输入的值显示为“*”,如果在后台管理中,需要相询密码,则无法及时掌握密码值。
使用Javascrtip控制,则能很快的将密码文本框中的“*”显示真正的密码数值。

制作方法:
把如下代码加入<body>区域中:
<form method="POST" action="" name="forms">
<span id=box><input type="password" name="password" size="20" value="www.it365cn.com"></span>
<span id=click><a href="JavaScript:ps()" onFocus="if(this.blur)this.blur()">显示密码</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()\" onFocus=\"if(this.blur)this.blur()\">隐藏密码</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()\" onFocus=\"if(this.blur)this.blur()\">显示密码</a>"}
</script></form>

制作完成,请查看效果!

本文作者:



相关阅读:
SQLServer 附加数据库后出现只读或失败的解决方法
DIV+CSS实现的滑动门菜单特效代码
FF JavaScript引擎私有属性全解
如何在IIS上搭建WAP网站
用php来检测proxy
用Apache的.htaccess文件增加用户认证
解决AJAX中文回传乱码
CSS网页布局入门教程2:一列自适应宽度
聊天室php&mysql(二)
防止别人盗链的好方法推荐
一个MYSQL操作类
FORM程序中Oracle与Access表的导入和导出
调用access报表
SQLServer 2008 新增T-SQL 简写语法
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4