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

Verhindern Sie das automatische Ausfüllen von Benutzername (oder E-Mail) und Passwort:

---

Verhindern Sie das automatische Ausfüllen eines Feldes (funktioniert möglicherweise nicht):

Erklärung:

autocomplete funktioniert immer noch bei einem , obwohl autocomplete="off" gesetzt ist, aber Sie können off in einen zufälligen String ändern, wie z.B. nope.

---

Weitere "Lösungen" zur Deaktivierung des automatischen Ausfüllens eines Feldes (es ist nicht der richtige Weg, aber es funktioniert):

1.

HTML:

JS (onload):

(function() {
    var some_id = document.getElementById('some_id');
    some_id.type = 'text';
    some_id.removeAttribute('autocomplete');
})();

oder mit jQuery:

$(document).ready(function() {
    var some_id = $('#some_id');
    some_id.prop('type', 'text');
    some_id.removeAttr('autocomplete');
});

---

2.

HTML:

JS (onload):

(function() {
    var input = document.createElement('INPUT');
    input.type = 'text';
    document.getElementById('form').appendChild(input);
})();

oder mit jQuery:

$(document).ready(function() {
    $('', {
        type: 'text'
    }).appendTo($('#form'));
});

---

Um mehr als ein Feld mit jQuery hinzuzufügen:

function addField(label) {
  var div = $('

---

Funktioniert in:

• Chrome: 49+

• Firefox: 44+

Answer 2

AKTUALISIERUNG

Es scheint, dass Chrome jetzt die Attribute style="display: none;" oder style="visibility: hidden; ignorieren.

Sie können es zu etwas ändern wie:

In meiner Erfahrung vervollständigt Chrome nur das erste und das vorherige . Deshalb habe ich hinzugefügt:

An die Spitze des

und der Fall war gelöst.

Answer 3

Es scheint, dass Chrome jetzt autocomplete="off" ignoriert, es sei denn, es befindet sich auf dem

Tag.

Answer 4

2021 UPDATE:
Ändere zu

Das ist alles. Halte die unten stehende Antwort für Nostalgie.

---

Für einen zuverlässigen Workaround können Sie diesen Code auf Ihrer Layoutseite hinzufügen:

Chrome respektiert autocomplete=off nur dann, wenn mindestens ein anderes Eingabeelement im Formular einen anderen autocomplete-Wert hat.

Dies funktioniert nicht bei Passwortfeldern - diese werden in Chrome sehr unterschiedlich behandelt. Siehe https://code.google.com/p/chromium/issues/detail?id=468153 für weitere Details.

UPDATE: Das Problem wurde am 11. März 2016 vom Chromium-Team als "wird nicht behoben" geschlossen. Lesen Sie den letzten Kommentar in meinem ursprünglich gemeldeten Fehlerbericht für eine ausführliche Erklärung. TL;DR: Verwenden Sie semantische autocomplete-Attribute wie autocomplete="new-street-address", um zu verhindern, dass Chrome das Autofill ausführt.

Answer 5

Moderner Ansatz

Machen Sie einfach Ihre Eingabe readonly und entfernen Sie es beim Fokus. Dies ist ein sehr einfacher Ansatz und Browser füllen readonly Eingaben nicht aus. Daher wird diese Methode akzeptiert und von zukünftigen Browser-Updates nie überschrieben.

Der nächste Teil ist optional. Gestalten Sie Ihre Eingabe entsprechend, sodass sie nicht wie eine readonly Eingabe aussieht.

input[readonly] {
     cursor: text;
     background-color: #fff;
}

ARBEITSBEISPIEL