javasript实现密码的隐藏与显示
javascript实现的查看隐藏的密码框中明文信息的方法,用户输入密码时显示星号,如何查看明文信息呢,用js可以实现查看密码框的明文。
在密码框中输入密码,会以星号来显示,文字内容被自动隐藏了。
用户输入密码时显示星号,如何查看明文信息呢,用js可以实现查看密码框的明文。
代码:
<html><head><title>密码的隐藏与显示</title> </head> <bodybgcolor=#fef4d9><br><br> <center>密码的隐藏与显示</center><br> <center> <tablebordercolor=#cc0000border=5borderlight="green"> <tbody> <tr> <tdalign=middle><divalign="center">效果显示</div></td> </tr> <tr> <tdalign=middle> <formname=formsaction=""method=post><spanid=box> <inputtype=passwordvalue=523654name=password></span><spanid=click><ahref="javascript:ps()">显示密码</a></span> <scriptlanguage=javascript> functionps(){ if(this.forms.password.type="password") box.innerhtml="<inputtype="html"name="password"size="20"value="+this.forms.password.value+">"; click.innerhtml="<ahref="javascript:txt()">隐藏密码</a>"} functiontxt(){ if(this.forms.password.type="text") box.innerhtml="<inputtype="password"name="password"size="20"value="+this.forms.password.value+">"; click.innerhtml="<ahref="javascript:ps()">显示密码</a>"} </script> </form></td></tr></tbody></table></center> </body> </html>
以上所述就是本文的全部内容,有需要的小伙伴可以参考下。