js 之密码框显示密码和隐藏密码

最新推荐文章于 2024-04-08 21:28:38 发布

EthanQ

最新推荐文章于 2024-04-08 21:28:38 发布

阅读量1.8w

点赞数

分类专栏： javascript 文章标签： javascript function forms input action html

本文链接：https://blog.csdn.net/ethanq/article/details/7485142

版权

javascript 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    </head>
    <body>
        <form method="POST" action="" name="forms">
            <span id=box><input type="password" name="password" size="80" style="width:150;" value="sina.com"></span>
			<span id=click><a href="javascript:showps()">显示密码</a></span>
        </form>
    </body>
	<script language="JavaScript"> 
                function showps(){ 
	                if (this.forms.password.type="password") {
						document.getElementById("box").innerHTML="<input type=\"text\" name=\"password\" size=\"80\" style='width:\"150\";' value="+this.forms.password.value+">"; 
		                document.getElementById("click").innerHTML="<a href=\"javascript:hideps()\">隐藏密码</a>"
					}
				} 
                function hideps(){ 
	                if (this.forms.password.type="text") {
						document.getElementById("box").innerHTML="<input type=\"password\" name=\"password\" size=\"80\" style='width:\"150\";' value="+this.forms.password.value+">"; 
	                	document.getElementById("click").innerHTML="<a href=\"javascript:showps()\">显示密码</a>"
					} 
				} 
            </script>
</html>