您的位置：首页 > 其它

input密码的隐藏与显示

2018-01-04 15:30 295 查看

<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航