Comment implémenter les informations d'invite de la zone de mot de passe de saisie dans js (avec la méthode d'implémentation html5) _compétences javascript

L'exemple de cet article décrit comment implémenter les informations d'invite de la zone de saisie du mot de passe dans js. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Aujourd'hui, notre superviseur a dit que nous devrions ajouter un message d'invite « Veuillez saisir le mot de passe » dans la zone du mot de passe. La première fois que nous avons pensé à utiliser la méthode de modification de l'attribut de type d'entrée, il s'est avéré que certains navigateurs spéciaux ne le prenaient pas en charge. it, IE L'attribut type de l'entrée est en lecture seule et ne peut pas être défini dynamiquement. Utilisez donc d'autres méthodes. L'exemple est le suivant :
.

<input type="text" onfocus="changeTip(this);" id="passText" name="passText" value="请输入密码"/>
<input style="display: none;" type="password" onblur="changeTip(this);" id="pass" placeholder="" name="pass" value=""/>
<script type="text/javascript">
function changeTip(th){
 var passText = document.getElementById('passText');
 var pass = document.getElementById('pass');
 if(th.id == 'pass'){
  if(th.value == '' || th.value.length == 0 ){
   passText.style.display='';
   pass.style.display='none';
  }
 }else{
  passText.style.display='none';
  pass.style.display='';
  pass.focus();
 }
}
</script>

Supplément :

En fait, la grande section de code ci-dessus peut être résolue en utilisant un attribut d'espace réservé de HTML5 Le code est le suivant :
.

Copier le code Le code est le suivant :

9caca2479556819a4cfcde297b9c0ce4

PS : Nous vous recommandons ici un outil de compression, de formatage et de chiffrement JavaScript très simple d'utilisation, qui est très puissant (pour ceux qui veulent chiffrer leur code, vous vous voudrez peut-être l'essayer. Essayez la fonction de cryptage js ici) :

Outil de compression/formattage/chiffrement JavaScript : http://tools.jb51.net/code/jscompress

De plus, le cryptage dans l'outil js ci-dessus utilise le formulaire de cryptage de la fonction eval. Pour cela, ce site fournit également l'outil de décryptage suivant pour le cryptage de la fonction eval, qui est très puissant et pratique !

Outil de cryptage et de décryptage en ligne de la méthode d'évaluation JS : http://tools.jb51.net/password/evalencode

J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.