精品主页 | 软件下载 | 系统下载 | 精品导航| 精彩图片 | 转帖工具 | 版主申请 | 影视下载
发新话题
打印

文本框中密码的隐藏与显示

文本框中密码的隐藏与显示

  


                  Html文本框中,如果设定为密码框,则输入的值显示为“*”,如果在后台管理中,需要相询密码,则无法及时掌握密码值。

使用Javascrtip控制,则能很快的将密码文本框中的“*”显示真正的密码数值。



制作方法:

把如下代码加入<body>区域中:

<form method="POST" action="" name="forms">

<span id=box><input type="password" name="password" size="20" value="www.it365cn.com"></span>

&lt;span id=click&gt;&lt;a href="<I>javascript</I>:ps()" onFocus="if(this.blur)this.blur()"&gt;显示密码&lt;/a&gt;&lt;/span&gt;

&lt;script language="JavaScript"&gt;

function ps(){

if (this.forms.password.type="password")

box.innerHTML="&lt;input type=\"html\" name=\"password\" size=\"20\" value=" this.forms.password.value "&gt;";

click.innerHTML="&lt;a href=\"<I>javascript</I>:txt()\" onFocus=\"if(this.blur)this.blur()\"&gt;隐藏密码&lt;/a&gt;"}

function txt(){

if (this.forms.password.type="text")

box.innerHTML="&lt;input type=\"password\" name=\"password\" size=\"20\" value=" this.forms.password.value "&gt;";

click.innerHTML="&lt;a href=\"<I>javascript</I>:ps()\" onFocus=\"if(this.blur)this.blur()\"&gt;显示密码&lt;/a&gt;"}

&lt;/script&gt;&lt;/form&gt;



制作完成,请查看效果!

TOP

发新话题