荣誉就像河流：轻浮的和空虚的荣誉浮在河面上，沉重的和厚实的荣誉沉在河底里。学会忽略，是通向内在平静的一条大路。早上好！
本文实例讲述了JS实现密码框的显示密码和隐藏密码功能。分享给大家供大家参考，具体如下：
运行效果图如下：
完整实例代码：
<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 rel="nofollow noopener noreferrer" 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 rel="nofollow noopener noreferrer" 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 rel="nofollow noopener noreferrer" href=\"javascript：showps()\">显示密码</a>"
}
}
</script>
</html>
希望本文所述对大家JavaScript程序设计有所帮助。
以上就是JS实现密码框的显示密码和隐藏密码功能示例。点点滴滴的苦痛与欢乐许许多多的错过微微小小的改变，凝合起来，从而造就了一条人生之路。人生路上，每一步落脚的体验让我们透过生活中的小事来一点一滴看人生。一点一滴看人生的每一点滴经验的凝聚，便铸就了辉煌的人生。更多关于JS实现密码框的显示密码和隐藏密码功能示例请关注haodaima.com其它相关文章！
