Wie wird der Typ des Eingabe-Passworts festgelegt, wenn der Benutzer das Eingabefeld tatsächlich auswählt?

Question

Dies ist der Code, den ich bereits habe. Wenn die Box inaktiv ist, wird der Text "Passwort" angezeigt. Ich möchte, wenn die Box ausgewählt ist entfernt den "Passwort" Text und zeigt die Benutzer-Eingabe als Punkte wie ein Passwort-Feld.

<div class="custom"><input type="text" class="custom" size="12" value="Password" onfocus="if(this.value == 'Password') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Password'; }"/></div> 

Answer 1

Sie können den Typ über JS ändern auf die gleiche Weise geändert haben der Wert:

<input type="text" class="custom" size="12" value="Password" onfocus="if(this.value == 'Password') { this.type = 'password'; this.value = ''; }" onblur="if(this.value == '') { this.type = 'text'; this.value = 'Password'; }"/> 

Answer 2

Wenn ich richtig verstehe, Sie suchen nur für:

this.type = 'password' 

und umgekehrt:

this.type = 'text' 

Answer 3

Sie sollten beginnen b y Den Typ der Eingabe auf "Passwort" einstellen. Wenn Sie eine Bezeichnung für das Feld im Wert anzeigen möchten, würde ich empfehlen, die JQuery watermark zu verwenden. Es tut effektiv, was ich glaube, dass Sie versuchen, zu kodieren, aber wird nie das Wort "Kennwort" als der Wert des Formularfeldes vorlegen.