cari

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

JavaScript menyembunyikan dan memaparkan kemahiran passwords_javascript

WBOY
WBOYasal
2016-05-16 16:00:131323semak imbas

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>

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

Kenyataan：
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
Artikel sebelumnya：kaedah jquery untuk mencapai penukaran kiri dan kanan images_jqueryArtikel seterusnya：kaedah jquery untuk mencapai penukaran kiri dan kanan images_jquery

Artikel berkaitan

Lihat lagi