站长中国
当前位置:站长中国 >> 网页特效 >> 技 巧 类 >> 内容
精彩推荐
分类最新特效
分类热点特效
   
input输入框中密码的显示与隐藏
日期: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>