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

Sie können autocomplete="new-password" verwenden

Funktioniert in:

• Chrome: 53, 54, 55
• Firefox: 48, 49, 50

Answer 2

[Funktioniert 2021 für Chrome(v88, 89, 90), Firefox, Brave, Safari]

Die alten Antworten, die hier bereits geschrieben wurden, funktionieren mit Versuch und Irrtum, aber die meisten von ihnen verlinken nicht auf ein offizielles Dokument oder das, was Chrome dazu sagt.

Das in der Frage erwähnte Problem liegt an der Autovervollständigungsfunktion von Chrome, und hier ist Chromes Standpunkt dazu in diesem Bug-Link - https://bugs.chromium.org/p/chromium/issues/detail?id=468153#c164

Um es einfach auszudrücken, es gibt zwei Fälle -

• [FALL 1]: Ihr input-Typ ist etwas anderes als password. In diesem Fall ist die Lösung einfach und hat drei Schritte.

  • Fügen Sie das name-Attribut zum input hinzu
  • name sollte nicht mit einem Wert wie email oder username beginnen, da Chrome sonst weiterhin das Dropdown-Menü anzeigt. Zum Beispiel zeigt name="emailToDelete" das Dropdown-Menü an, aber name="to-delete-email" nicht. Das gilt auch für das autocomplete-Attribut.
  • Fügen Sie das autocomplete-Attribut hinzu und geben Sie einen sinnvollen Wert ein, wie z.B. new-field-name

  Es wird so aussehen und Sie werden die Autovervollständigung für diesen Eingabebereich nie wieder in Ihrem Leben sehen -

• [FALL 2]: input-Typ ist password

  • Nun, in diesem Fall, unabhängig von Ihren Versuchen wird Chrome Ihnen das Dropdown-Menü anzeigen, um Passwörter zu verwalten / ein bereits vorhandenes Passwort zu verwenden. Firefox wird etwas Ähnliches tun, und das Gleiche gilt für alle anderen großen Browser. [1]
  • In diesem Fall, wenn Sie wirklich nicht möchten, dass der Benutzer das Dropdown-Menü zur Passwortverwaltung sieht / ein sicher generiertes Passwort sieht, müssen Sie mit JS herumspielen, um den Eingabetyp umzuschalten, wie in den anderen Antworten zu dieser Frage erwähnt.

[1] Eine ausführliche MDN-Dokumentation zum Deaktivieren der Autovervollständigung - https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion

Answer 3

Autocomplete="Aus" funktioniert nicht mehr.

Versuchen Sie stattdessen einfach eine zufällige Zeichenfolge zu verwenden, zum Beispiel Autocomplete="NoAutocomplete"

Ich hoffe, es hilft.

Answer 4

Ich poste diese Antwort, um eine aktualisierte Lösung für dieses Problem bereitzustellen. Ich benutze derzeit Chrome 49 und keine der gegebenen Antworten funktioniert für dieses. Ich suche auch nach einer Lösung, die mit anderen Browsern und früheren Versionen funktioniert.

Fügen Sie diesen Code am Anfang Ihres Formulars ein

Dann, für Ihr tatsächliches Passwortfeld, verwenden Sie

Kommentieren Sie diese Antwort, wenn dies nicht mehr funktioniert oder wenn Sie ein Problem mit einem anderen Browser oder einer anderen Version haben.

Genehmigt am:

• Chrome : 49
• Firefox : 44, 45
• Edge : 25
• Internet Explorer : 11

Answer 5

Gesehen Chrome ignorieren das autocomplete="off", löse ich es mit einer dummen Methode, die darin besteht, "Fake-Input" zu verwenden, um Chrome zu täuschen, es anstatt des "echten" auszufüllen.

Beispiel:

Chrome wird den "Fake-Input" ausfüllen, und beim Absenden wird der Server den Wert des "echten Inputs" übernehmen.