So deaktivieren Sie die automatische Eingabeaufforderung zum Speichern des Kennworts im Chrome-Browser

So deaktivieren Sie die automatische Eingabeaufforderung zum Speichern des Kennworts im Chrome-Browser
Hinweis: Bei der Webentwicklung werden IE und FF nach dem Hinzufügen von autocomplete="off" zum Formular nicht aufgefordert, das Kennwort zu speichern. Wenn Sie sich jedoch mit dem Chrome-Browser beim System anmelden, wird eine Aufforderung zum automatischen Speichern des Kennworts angezeigt. Aus Sicherheitsgründen muss diese Browserfunktion deaktiviert werden, um die Systemsicherheit zu verbessern.

Die meisten Browser ermitteln das Kennwortfeld anhand des Formularfeldtyps „Kennwort“. In diesem Fall können Sie daher die Methode „Kennwortfeld dynamisch festlegen“ verwenden:

Code kopieren
Der Code lautet wie folgt:

<input type="text" name="passwort" onfocus="this.type='passwort'" autocomplete="off"/>

Erklärung: Dieses Dokumentfeld wird erst dann zu einem Kennwortfeld, wenn es den Fokus erhält.

Tests haben ergeben, dass diese Methode einfach und effektiv ist und das Eingabeaufforderungsfeld im Chrome-Browser deaktivieren kann, das Sie zum Speichern von Passwörtern auffordert.

Beachten Sie, dass onfocus="this.type='password'" im Internet Explorer nicht erkannt wird. Die Kompatibilität muss berücksichtigt werden und kann beim Initialisieren der Webseite behandelt werden. Beim Internet Explorer-Browser fordert der Browser nach der Verwendung von type="password" autocomplete="off" im Eingabetag nicht zur Speicherung des Kennworts auf.

<<:  Floaten und Floaten löschen in der Übersichtsseite

>>:  Vue3+Element+Ts implementiert grundlegende Such-Resets und andere Funktionen des Formulars

Artikel empfehlen

Detaillierte Schritte zur Installation von MYSQL8.0 auf CentOS7.6

1. Im Allgemeinen ist MariaDB in CentOS standardm...

Vue implementiert Ankerpositionierungsfunktion

In diesem Artikelbeispiel wird der spezifische Co...

RHEL7.5 MySQL 8.0.11 Installations-Tutorial

Dieser Artikel zeichnet das Installationstutorial...

Vue realisiert die Funktion eines Bucheinkaufswagens

In diesem Artikelbeispiel wird der spezifische Co...

So verwenden Sie CSS-Overflow: Hidden (Überlauf ausblenden und Floats löschen)

Überlauf ausblenden Damit ist gemeint, dass Text-...

Implementierungsbeispiel für dynamische Routing-Breadcrumbs für Elemente

Zu meistern: localStorage, Komponentenkapselung Ä...

Beispielcode zur Implementierung von Anti-Shake in Vue

Anti-Shake: Verhindert, dass wiederholte Klicks E...

JS realisiert Spezialeffekte der Webseiten-Navigationsleiste

In diesem Artikel erfahren Sie mehr über einen pr...

Wie stellt MySQL die Master-Slave-Konsistenz sicher?

Inhaltsverzeichnis Das Grundprinzip von MySQL Mas...

So nummerieren Sie die Ergebnisse von MySQL-Abfragedaten automatisch

Vorwort Tatsächlich bin ich noch nie auf eine Sit...