文本框内密码显示与隐藏切换效果

作者:sky 点击:73 评论:0 发布时间:周日, 06/28/2009 - 14:38 所属分类:表单按钮

通过这个js脚本可实现文本框内密码的显示与隐藏切换效果。

<html> <head> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <meta name="keywords" content="站长,网页特效,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效网" /> <meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" /> <title>网页特效显示或隐藏文本框中的密码站长特效网</title> </head> <body> <a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>  <script type="text/javascript" src="http://www.zzjs.net/ad/tc.js"></script> <form method="POST" action="http://www.zzjs.net" name="forms"> <span id=box><input type="password" name="password" size="20" value="www.zzjs.net"></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> </body> </html>

提示：你可以先修改部分代码再运行。

顶一下

(0)

100%

踩一下

(0)

100%

标签: