Rumah > hujung hadapan web > tutorial js > JavaScript menyembunyikan dan memaparkan kemahiran passwords_javascript

JavaScript menyembunyikan dan memaparkan kemahiran passwords_javascript

WBOY
Lepaskan: 2016-05-16 16:00:13
asal
1304 orang telah melayarinya

Kaedah melihat maklumat teks biasa dalam kotak kata laluan tersembunyi yang dilaksanakan oleh javascript dipaparkan apabila pengguna memasukkan kata laluan Anda boleh menggunakan js untuk melihat teks biasa kata laluan kotak.

Masukkan kata laluan dalam kotak kata laluan, ia akan dipaparkan dengan asterisk, dan kandungan teks akan disembunyikan secara automatik.

Asteris dipaparkan apabila pengguna memasukkan kata laluan Bagaimana untuk melihat maklumat teks biasa Anda boleh menggunakan js untuk melihat teks biasa kotak kata laluan.

Kod:

<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>
Salin selepas log masuk

Di atas adalah keseluruhan kandungan artikel ini, rakan-rakan yang memerlukan boleh merujuknya.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan