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

TL;DR: Sage Chrome, dass es sich um eine neue Passworteingabe handelt und er alte Passwörter nicht als Autovervollständigungsvorschläge anzeigt:

---

autocomplete="off" funktioniert aufgrund einer Designentscheidung nicht - zahlreiche Untersuchungen zeigen, dass Benutzer viel längere und schwerer zu hackende Passwörter haben, wenn sie diese im Browser oder im Passwort-Manager speichern können.

Die Spezifikation für autocomplete hat sich geändert und unterstützt jetzt verschiedene Werte, um Anmeldeformulare einfach automatisch auszufüllen:

Wenn du diese nicht bereitstellst, versucht Chrome trotzdem zu raten, und wenn es das tut, ignoriert es autocomplete="off".

Die Lösung besteht darin, dass autocomplete-Werte auch für Passwortrücksetzformulare existieren:

Gib dein altes Passwort ein:

Gib dein neues Passwort ein:

Bitte wiederhole es zur Sicherheit:

Du kannst dieses autocomplete="new-password"-Flag verwenden, um Chrome mitzuteilen, dass es das Passwort nicht erraten soll, auch wenn es eines für diese Website gespeichert hat.

Chrome kann Passwörter für Websites auch direkt mit der Credentials-API verwalten, die ein Standard ist und wahrscheinlich irgendwann universelle Unterstützung haben wird.

Answer 2

Immer funktionierende Lösung

Ich habe den endlosen Kampf mit Google Chrome durch die Verwendung von zufälligen Zeichen gelöst. Wenn Sie immer Autocomplete mit einer zufälligen Zeichenfolge rendern, wird es sich nie an etwas erinnern.

Ich hoffe, dass es anderen Menschen helfen wird.

Update 2022:

Chrome hat diese Verbesserung vorgenommen: autocomplete="new-password", was es lösen wird, aber ich bin mir nicht sicher, ob Chrome es nach einiger Zeit wieder in eine andere Funktionalität ändert.

Answer 3

Die Lösung besteht derzeit darin, type="search" zu verwenden. Google wendet keine Autofill-Funktion auf Eingabefelder mit einem Typ von Suche an.

Siehe: https://twitter.com/Paul_Kinlan/status/596613148985171968

Update 04/04/2016: Es sieht so aus, als ob dies behoben wurde! Siehe http://codereview.chromium.org/1473733008

Answer 4

Browser kümmert sich nicht um autocomplete=off auto oder füllt sogar Anmeldeinformationen in das falsche Textfeld ein?

Ich habe es behoben, indem ich das Passwortfeld auf schreibgeschützt gesetzt habe und es aktiviere, wenn der Benutzer darauf klickt oder mit der Tabulatortaste zu diesem Feld navigiert.

Browser-Autofill fixieren: schreibgeschützt und bei Fokus beschreibbar machen (beim Klicken mit der Maus und beim Durchlaufen der Felder mit der Tabulatortaste)

Update: Mobile Safari setzt den Cursor im Feld, zeigt aber keine virtuelle Tastatur an. Der neue Fix funktioniert wie zuvor, behandelt jedoch die virtuelle Tastatur:

Live-Demo https://jsfiddle.net/danielsuess/n0scguv6/

// UpdateEnd

Übrigens, mehr Informationen zu meiner Beobachtung:

Manchmal bemerke ich dieses seltsame Verhalten bei Chrome und Safari, wenn sich Passwortfelder im gleichen Formular befinden. Ich vermute, der Browser sucht nach einem Passwortfeld, um Ihre gespeicherten Anmeldeinformationen einzufügen. Dann füllt er Benutzername in das nächstgelegene Text-ähnliche Eingabefeld ein, das dem Passwortfeld im DOM vorausgeht (nur eine Vermutung aufgrund meiner Beobachtung). Da der Browser die letzte Instanz ist und Sie ihn nicht kontrollieren können, würde manchmal selbst autocomplete=off nicht verhindern, Anmeldeinformationen in falsche Felder einzufügen, aber nicht in Benutzer- oder Spitznamenfelder.

Answer 5

Die Chrome-Version 34 ignoriert jetzt das autocomplete=off, siehe hier.

Viel Diskussion darüber, ob das gut oder schlecht ist? Was sind deine Ansichten?