>  기사  >  웹 프론트엔드  >  JavaScript는 Passwords_javascript 기술을 숨기고 표시합니다.

JavaScript는 Passwords_javascript 기술을 숨기고 표시합니다.

WBOY
WBOY원래의
2016-05-16 16:00:131294검색

javascript로 구현된 숨겨진 비밀번호 상자에서 일반 텍스트 정보를 보는 방법. 사용자가 비밀번호를 입력하면 별표가 표시됩니다. 일반 텍스트 정보를 보려면 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>

위 내용은 이 글의 전체 내용이며, 도움이 필요한 친구들이 참고할 수 있습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.