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

HTML-Tutorial: Horizontales Liniensegment in HTML

<br />Dieses Tag kann eine horizontale Linie...

Ausführliche Erläuterung der Auswirkungen von NULL auf Indizes in MySQL

Vorwort Ich habe viele Blogs gelesen und von viel...

Ubuntu 19.04 Installationstutorial (Schritte in Bild und Text)

1. Vorbereitung 1.1 Laden Sie VMware 15 herunter ...

Zusammenfassung der Anwendungspraxis für Docker-Container des Node.js-Dienstes

In diesem Artikel wird die Verwendung und Install...

Lernprogramm zur Verwendung des WeChat-Applets WXS

Was ist wxs? wxs (WeiXin Script) ist eine Skripts...

CentOS7.5-Installationstutorial für MySQL

1. Überprüfen Sie zunächst, ob auf dem System MyS...

So entfernen Sie die Kopfzeile aus der Elementtabelle

Dokumenthinweise mit dem Attribut show-header <...

MySQL-Optimierung: Cache-Optimierung (Fortsetzung)

In MySQL gibt es überall Caches. Wenn ich den Que...

Ausführliche Erklärung zu Sitzung und Cookie in Tomcat

Vorwort HTTP ist ein zustandsloses Kommunikations...

Untersuchung des Wertes des Positionsattributs in CSS (Zusammenfassung)

Das CSS-Positionsattribut gibt den Positionierung...

Implementierungscode für die Dateimontage von DockerToolBox

Wenn Sie Docker verwenden, stellen Sie möglicherw...