Maison > Article > interface Web > JavaScript cache et affiche les compétences passwords_javascript

JavaScript cache et affiche les compétences passwords_javascript

WBOYoriginal: 2016-05-16 16:00:131280parcourir

La méthode d'affichage des informations en texte brut dans la zone de mot de passe caché implémentée par javascript. Des astérisques sont affichés lorsque l'utilisateur saisit le mot de passe. Comment afficher les informations en texte brut Vous pouvez utiliser js pour afficher le texte brut du mot de passe. boîte.

Entrez le mot de passe dans la zone du mot de passe, il sera affiché avec des astérisques et le contenu du texte sera automatiquement masqué.

Des astérisques s'affichent lorsque l'utilisateur saisit le mot de passe. Comment afficher les informations en texte brut Vous pouvez utiliser js pour afficher le texte brut de la zone de mot de passe ?

Code :

<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>

Ce qui précède représente l'intégralité du contenu de cet article, les amis dans le besoin peuvent s'y référer.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：méthode jquery pour réaliser la commutation gauche et droite d'images_jqueryArticle suivant：méthode jquery pour réaliser la commutation gauche et droite d'images_jquery

Articles Liés

Voir plus