Detailliertes Beispiel für die Deaktivierung der Funktion zum automatischen Ausfüllen von Benutzernamen und Passwörtern in jQuery

HTML-Anmeldeformulare werden oft automatisch ausgefüllt, und einige haben sogar Websites, auf denen sich Benutzer noch nie angemeldet haben. In diesem Artikel wird hauptsächlich die Funktion von jQuery zum Deaktivieren des automatischen Ausfüllens von Benutzernamen und Passwörtern in Formularen vorgestellt. Freunde, die es benötigen, können darauf verweisen.

Die Entwicklerdokumentation von Mozilla empfiehlt die Verwendung des Formulareinstellungsattributs tautocomplete="off", um zu verhindern, dass der Browser Daten aus dem Cache abruft, um das Anmeldeformular auszufüllen.

<input type="text" name="foo" autocomplete="off" />

Diese Lösung ist jedoch nicht mit einigen Chrome- und Firefox-Versionen kompatibel.

Endlich wurde beschlossen, versteckte Eingaben zu verwenden, um das automatische Ausfüllen des Browsers zu akzeptieren, was keinen Einfluss auf die Benutzererfahrung hat und mit allen Browsern kompatibel ist.

<input style="display:none"><!-- for disable autocomplete on chrome -->
<input type="text" id="username" name="username" autocomplete="off">

PS: Werfen wir einen Blick auf die Funktion, die das automatische Ausfüllen von Benutzernamen und Passwörtern durch das Formular verhindert

Einige Browser unterstützen: autocomplete="off"

Also Der Browser unterstützt:

Fügen Sie die folgenden zwei Codes in das Formular ein, die automatisch ausgefüllt werden

<input style="display:none" type="text" name="fakeusernameremembered"/>
<input style="display:none" type="password" name="fakepasswordremembered"/>

Verwandte Empfehlungen:

js-Methode, um das Senden von Formularen zu verhindern

jQuery-Plug-in zum automatischen Ausfüllen Cool Auto-Suggest

PHP generiert Miniaturbildcode, um Leerstellen automatisch auszufüllen

Das obige ist der detaillierte Inhalt vonDetailliertes Beispiel für die Deaktivierung der Funktion zum automatischen Ausfüllen von Benutzernamen und Passwörtern in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!