So implementieren Sie die Umschaltung der Passwortsichtbarkeit (Anzeigen und Ausblenden) in JavaScript

Der Inhalt dieses Artikels befasst sich mit der Implementierung der Passwort-Sichtbarkeit (Anzeigen und Ausblenden) in JavaScript. Ich hoffe, dass er für Sie hilfreich ist.

Jeder hat wahrscheinlich den Effekt der Umschaltung (Ein- und Ausblenden) der Sichtbarkeit von Front-End-Passwörtern gesehen, daher werde ich nicht viel mehr sagen.

Standardmäßig ist das Eingabe-Tag des eingegebenen Passworts type="password" und das Standardpasswort wird durch einen Punkt oder ein Sternchen dargestellt. Um das Passwort sichtbar zu machen, müssen wir den Typ in „Text“ ändern. Dieser Effekt kann leicht durch Ändern des Typattributs des Eingabe-Tags in Browsern wie Chrome und FireFox erzielt werden. Unter IE wird jedoch ein Fehler gemeldet. Wenn Sie Kompatibilität mit dem IE benötigen, müssen Sie andere Optionen in Betracht ziehen.

Hier sind einige Punkte zu beachten:

Das Beispiel verwendet die Ersetzung des gesamten Eingabe-Tag-Schemas, sodass es mit IE kompatibel ist

Die Sehtafel verwendet Iconfont Daher ist die Verwendung von CSS relativ einfach.

Wenn Sie im IE10+-Browser auf das Passwort-Eingabefeld stoßen, wird im Feld ein kleines Augensymbol angezeigt. Wenn es sich um ein normales Texteingabefeld handelt, wird IE10 automatisch angezeigt Ein kleines Kreuz wird angezeigt, um den eingegebenen Inhalt im Textfeld zu löschen. Wenn Sie nicht möchten, dass die beiden mit IE10 gelieferten Funktionen wirksam werden, können Sie ihn dem CSS hinzufügen:

CSS Code:

input::-ms-clear {display:none;}
input::-ms-reveal {display:none;}

Diese beiden CSS-Definitionen für den IE-Browser können die Funktionen zum automatischen Textlöschen und zur Passwortanzeige des IE-Browsers entfernen.

Das Obige ist eine vollständige Einführung, wie JavaScript das Umschalten der Passwortsichtbarkeit implementiert (Anzeigen und Ausblenden). Wenn Sie mehr über das JavaScript-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Umschaltung der Passwortsichtbarkeit (Anzeigen und Ausblenden) in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!