Tatsächlich kann das Passwort in der Implementierung nicht angezeigt werden, aber wir haben eine solche Anforderung in unserer Arbeit. Wenn wir nichts eingegeben haben, gibt es eine Aufforderung, das Passwort in das Feld einzugeben. Wenn wir jedoch etwas eingeben, wird die * Nummer angezeigt. Wie wird es also implementiert? Tatsächlich ist das Prinzip sehr einfach, nämlich zwei Textfelder, der Stil und die Positionierung sind gleich. Verstecken Sie zuerst den Typ als Passwort und zeigen Sie das Pseudo -Kennwortfeld nur mit Typ als Text an. Legen Sie die Wertaufforderung für Eingabeaufforderungen fest, z. B. ein Eingabekennwort. Wenn die Eingabe ausgelöst wird, ist die Eingabe des Typs vom Typ des Typs versteckt, so dass die Eingabe des Typs des Typs angezeigt wird. Wenn dann der Wert des Kennworts als leer erkannt wird, ist das Typ Kennwort versteckt und Typ ist die Anzeige des Textes. Ich werde nichts sagen, ich werde den Code hinzufügen. (PS: Zusätzliche Reset -Funktion)
Geben Sie zuerst den HTML -Teil ein
<table> <tr> <td> Konto </td> <td> <Eingabe type = "text" value = "Bitte geben Sie Ihr Konto ein. Keine "/> </td> </tr> <tr> <td> <Eingabe type =" button "value =" login "/> <Eingabe type =" button "value =" reset "id =" btn_res "/> </td> </tr> </table>
Dann gehen Sie zum JS -Teil
// Account Part $ (function () {$ (". Admin"). Focus (function () {if ($ (this) .val () == "Bitte geben Sie Ihr Konto ein") {$ (this) .val ("");}}); Konto ");}}); // Passwort Teil $ ('#login_showpwd'). Focus (function () {var text_value = $ (this) .val (); if (text_value == this.DefaultValue) {$ ('#login_showpwd'). hide (); $ ('#login_password'). show (). focus ();}}); $ (this) .val (); if (text_value == "") {$ ('#login_showpwd'). show (); Konto "); $ ('#login_password'). hide (). val (" "); $ ("#login_showpwd "). show ();});});Im Folgenden werde ich die im Feld Kennwort angezeigte Textmethode vorstellen
Eine kleine Eingabeaufforderung ist, dass viele Websites im Kennworteingabefeld zwei Wörter haben. Früher dachte ich, es war Text, aber ich habe heute nur herausgefunden, dass es sich um ein Passwort -Tag handelt. Die Schreibmethode lautet wie folgt
<Eingabe type = "Passwort" name = "pas" placeholder = "Passwort"/>
Fügen Sie einfach ein Platzhalterattribut hinzu
Das obige ist das relevante Wissen über den im Feld Passwort angezeigten Text -Eingabeaufforderung -Funktionscode (Passwort), der Ihnen vom Editor vorgestellt wurde. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!