So deaktivieren Sie die Klartextanzeige und die Schnelllöschfunktion von IE10

So deaktivieren Sie die Klartextanzeige und die Schnelllöschfunktion von IE10
IE10 bietet eine Schaltfläche zum schnellen Löschen (X-Symbol) und eine Schaltfläche zum Anzeigen des Kennworttexts (kleines Augensymbol) für <input> bzw. <input type="password">:

Die Schnelllöschtaste kann eine Reihe komplexer Touch-Aktionen wie „Alles auswählen“ und „Löschen“ ersetzen, während die Kennwortanzeigetaste Benutzern dabei helfen kann, den eingegebenen Inhalt zu bestätigen, und so die Probleme des langsamen Tippens und der hohen Fehlerrate ausgleicht. Aus Sicherheitsgründen des Websystems muss diese Funktion jedoch deaktiviert werden, insbesondere die Funktion zur Anzeige von Passwörtern im Klartext. Dies kann durch die Steuerung der Seitenansicht und des CSS-Stils erreicht werden.

1. Fügen Sie zunächst den folgenden Code zum HTML-Header der Webseite hinzu, um den IE-Browser zu zwingen, die Kompatibilitätsansicht nicht zu verwenden:

Code kopieren
Der Code lautet wie folgt:

<meta http-equiv="X-UA-kompatibel" content="edge" />

2. Deaktivieren Sie die X- und Augensymbole über virtuelle CSS-Elemente (::-ms-clear, ::-ms-reveal). Der spezifische Code lautet wie folgt:

Code kopieren
Der Code lautet wie folgt:

Eingabe::-ms-clear{Anzeige:keine;}
Eingabe [Typ = "Passwort"]::-ms-reveal {Anzeige: keine;}

<<:  Implementierung der Vorschaufunktion mehrerer Bild-Uploads auf HTML-Basis

>>:  Fallstricke und Lösungen bei der MySQL-Zeitstempelvergleichsabfrage

Artikel empfehlen

Gemessenes Bild - HTTP-Anforderung

Bitte öffnen Sie die Testseite in einem gängigen ...

JavaScript entfernt unnötige Eigenschaften eines Objekts

Inhaltsverzeichnis Beispiel Methode 1: Löschen Me...

Verwenden Sie nginx + sekundären Domänennamen + https-Unterstützung

Schritt 1: Fügen Sie dem primären Domänennamen vo...

Zusammenfassung und Praxis des Javascript-Prototyp-Kettendiagramms

Inhaltsverzeichnis Prototypenkette Wir können ein...

So installieren Sie Tomcat-8.5.39 auf centos7.6

So installieren Sie Tomcat-8.5.39 auf CentOS 7.6....

Detaillierte Analyse des Tomcat-Servers des Centos 7-Systems

Inhaltsverzeichnis 1. Der Ursprung von Tomcat 1. ...

Ubuntu 20.04 CUDA- und cuDNN-Installationsmethode (grafisches Tutorial)

CUDA-Installation, cuda herunterladen Geben Sie d...

Detaillierte Erklärung der 10 häufigsten HTTP-Statuscodes

Der HTTP-Statuscode ist ein dreistelliger Code, d...

Implementieren Sie eine einfache Suchmaschine auf Basis von MySQL

Inhaltsverzeichnis Implementierung einer Suchmasc...

Codebeispiele für allgemeine Docker-Datenvolumenvorgänge

Wenn der Entwickler Dockerfile zum Erstellen des ...

Zusammenfassung verschiedener Übermittlungsmethoden für HTML-Formulare

Die gebräuchlichste, am häufigsten verwendete und ...