input输入框中密码的显示与隐藏

- 站长中国 (http://www.zzchina.net)
-- 网页特效 (http://www.zzchina.net/javascript/)
--- input输入框中密码的显示与隐藏 (http://www.zzchina.net/javascript/1/768.htm)
-- 发布日期： 2005-07-06
<!-- 网页特效代码由[站长中国:http://www.zzChina.net]提供！ -->
<!-- 要实现此效果需要 1 个步骤： -->

<!-- 第 1 步： -->
<!-- 把下面的代码加到<BODY></BODY>区域中： -->

<form method="POST" action="addcheck.asp" name="forms">
<span id=box><input type="password" name="password" size="20" value="sina.com"></span>
<span id=click><a href="javascript:ps()">显示密码</a></span>
<script language="JavaScript">
<!--51windows.com:海娃 23:17 2002-8-17-->
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>

zzchina.net