Chrome ignoriert autocomplete="off"

Question

Ich habe eine Webanwendung erstellt, die ein Tagbox-Dropdown verwendet. Dies funktioniert in allen Browsern gut, außer im Chrome-Browser (Version 21.0.1180.89).

Trotz des input-Feldes UND des form-Feldes mit dem Attribut autocomplete="off" besteht Chrome darauf, eine Dropdown-Verlaufsliste früherer Einträge für das Feld anzuzeigen, was die Tagbox-Liste auslöscht.

Answer 1

Nach dem Chrome v. 34 funktioniert das Setzen von autocomplete="off" im

-Tag nicht mehr

Ich habe die Änderungen vorgenommen, um dieses nervige Verhalten zu vermeiden:

1. Entfernen Sie das name und das id des Passwort-Eingabefelds
2. Fügen Sie dem Eingabefeld eine Klasse hinzu (z.B.: passwordInput)

(Bislang speichert Chrome das Passwort nicht im Eingabefeld, aber das Formular ist jetzt defekt)

Schließlich, damit das Formular funktioniert, fügen Sie diesen Code ein, der ausgeführt wird, wenn der Benutzer auf die Senden-Schaltfläche klickt oder wann immer Sie das Formular auslösen möchten:

var sI = $(".passwordInput")[0];
$(sI).attr("id", "password");
$(sI).attr("name", "password");

In meinem Fall hatte ich id="password" name="password" im Passwort-Eingabefeld, also habe ich sie vor dem Auslösen der Übermittlung wieder hinzugefügt.

Answer 2

Ich habe es geschafft, die Autovervollständigung durch die Ausnutzung dieser Regel zu deaktivieren:

Felder, die keine Passwörter sind, aber ausgeblendet werden sollten, wie Kreditkartennummern, können auch das Attribut type="password" haben, aber das entsprechende Autocomplete-Attribut enthalten, wie "cc-number" oder "cc-csc". https://www.chromium.org/developers/design-documents/create-amazing-password-forms

Allerdings kommt es mit großer Verantwortung :)

Versuchen Sie nicht, die Passwortmanager des Browsers (entweder eingebaut oder extern) zu täuschen. Sie sind darauf ausgelegt, die Benutzererfahrung zu erleichtern. Das Einsetzen von Fake-Feldern, die Verwendung falscher Autocomplete-Attribute oder die Ausnutzung der Schwächen der bestehenden Passwortmanager führt einfach zu frustrierten Benutzern.

Answer 3

Ich hatte ein ähnliches Problem, bei dem das Eingabefeld entweder einen Namen oder eine E-Mail akzeptiert hat. Ich habe autocomplete="off" gesetzt, aber Chrome hat trotzdem Vorschläge gemacht. Es stellte sich heraus, dass dies daran lag, dass der Platzhaltertext die Wörter "Name" und "E-Mail" enthielt.

Zum Beispiel

Ich habe es umgangen, indem ich ein Leerzeichen mit Nullbreite in die Wörter im Platzhaltertext eingefügt habe. Kein Chrome-Autocomplete mehr.

Answer 4

Statt autocomplete="off" verwenden Sie autocomplete="false" ;)

von: https://stackoverflow.com/a/29582380/75799

Answer 5

In Chrome 48+ verwende diese Lösung:

1. Füge vor den echten Feldern Fake-Felder hinzu:

2. Verstecke die Fake-Felder:

   .visually-hidden {
     margin: -1px;
     padding: 0;
     width: 1px;
     height: 1px;
     overflow: hidden;
     clip: rect(0 0 0 0);
     clip: rect(0, 0, 0, 0);
     position: absolute;
   }

3. Du hast es geschafft!

Dies funktioniert auch für ältere Versionen.