Javasript实现查看隐藏的密码框明文代码

时间：2014-09-10 编辑：简简单单来源：一聚教程网

提示：您可以先修改部分代码再运行

<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></td>
	  </tr>
	</table>

提示：您可以先修改部分代码再运行

上一个： js禁止用户复制网页内容特效代码
下一个： JavaScript自动弹出窗口并自动关闭窗口代码

推荐专题

最新下载

热门教程

Javasript实现查看隐藏的密码框明文代码

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程