用JS查看隐藏的密码框内容

时间：2021-04-16

　　本效果用JS实现查看用户输入的密码效果，点击密码框后边的按钮，即可切换成密码显示状态，你将可看到用户输入的密码是多少，是不是很牛呢？JS还有这功能，如何实现呢？其实也简单，自己看吧。

<HTML><HEAD><TITLE>密码的隐藏与显示</TITLE>
</HEAD>
<BODY bgColor=#fef4d9><BR><BR>
<CENTER>密码的隐藏与显示</CENTER><BR>
<CENTER>
<TABLE borderColor=#CC0000 border=5 borderlight="green">
<TBODY>
<TR>
<TD align=middle><div align="center">效果显示</div></TD>
</TR>
<TR>
<TD align=middle>
<FORM name=forms action="" method=post><SPAN id=box>
<INPUT type=password value=523654 name=password></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></TD></TR></TBODY></TABLE></CENTER>
</BODY>
</HTML>

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章