Heim > Web-Frontend > js-Tutorial > So implementieren Sie Eingabeaufforderungsinformationen für das Eingabekennwortfeld in js (mit HTML5-Implementierungsmethode)_Javascript-Kenntnisse

So implementieren Sie Eingabeaufforderungsinformationen für das Eingabekennwortfeld in js (mit HTML5-Implementierungsmethode)_Javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 15:20:04
Original
1310 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt, wie Eingabeaufforderungsinformationen für das Eingabekennwortfeld in js implementiert werden. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Heute hat unser Vorgesetzter gesagt, dass wir die Aufforderung „Bitte geben Sie das Passwort ein“ in das Passwortfeld einfügen sollten. Als wir zum ersten Mal darüber nachdachten, die Methode zum Ändern des Eingabetypattributs zu verwenden, stellte sich heraus, dass dies von einigen speziellen Browsern nicht unterstützt wurde it, IE Das Typattribut der Eingabe ist schreibgeschützt und kann nicht dynamisch festgelegt werden. Das Beispiel lautet wie folgt:

<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>
Nach dem Login kopieren

Ergänzung:

Tatsächlich kann der obige große Codeabschnitt mithilfe eines Platzhalterattributs von HTML5 gelöst werden Der Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

PS: Hier empfehlen wir ein sehr einfach zu verwendendes JavaScript-Komprimierungs-, Formatierungs- und Verschlüsselungstool, das sehr leistungsstark ist (für diejenigen, die ihren Code verschlüsseln möchten, Sie Vielleicht möchten Sie es ausprobieren. Probieren Sie die js-Verschlüsselungsfunktion hier aus):

JavaScript-Komprimierungs-/Formatierungs-/Verschlüsselungstool: http://tools.jb51.net/code/jscompress

Darüber hinaus verwendet die Verschlüsselung im oben genannten js-Tool das Evaluierungsfunktions-Verschlüsselungsformular. Zu diesem Zweck stellt diese Website auch das folgende Entschlüsselungstool für die Evaluierungsfunktionsverschlüsselung bereit, das sehr leistungsstark und praktisch ist!

JS-Bewertungsmethode Online-Verschlüsselungs- und Entschlüsselungstool: http://tools.jb51.net/password/evalencode

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der JavaScript-Programmierung befassen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage