文本框中密码的隐藏与显示
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="<I>javascript</I>: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=\"<I>javascript</I>: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=\"<I>javascript</I>:ps()\" onFocus=\"if(this.blur)this.blur()\">显示密码</a>"}
</script></form>
制作完成,请查看效果!