Deaktivieren Sie das automatische Ausfüllen in Chrome 63 [duplicate]

Question 1

Ich habe gerade meinen Browser auf Chrome-Version 63.0.3239.84 (offizieller Build) (64-Bit) aktualisiert.

Ich ging dann weiter auf meine Website, wo ich ein Eingabefeld mit hatte autocomplete="off"aber ich bekomme immer noch folgendes:

(Sie können mein integriertes Vorschlags-Dropdown darunter sehen)

Dies war früher nie der Fall. Sonst hat sich nichts geändert!

Warum passiert das? Ist das ein Fehler in der neuen Chrome-Version? Ich habe alle anderen Vorschläge wie versucht autocomplete="false" oder auch das Anwenden von autocomplete=off auf das Formular. Ich habe sogar versucht, diese mit jquery anzuwenden, nachdem die Seite geladen wurde, aber auch kein Glück.

Ich habe dies auf mehreren Computern mit der neuesten Version von Chrome auf verschiedenen Betriebssystemen getestet. Das Problem besteht weiterhin.

Question 2

Update April 2021:

Chrome- und Firefox-Unterstützung autocomplete="off"

Safari ignoriert weiterhin autocomplete="off" und soweit ich weiß, gibt es keine gute Lösung für Safari, außer den Feldnamen zu verschleiern.

Update Februar 2018:

Danke an @JamesNisbet für den Hinweis in den Kommentaren.

Laut dem Chrome-Team, autocomplete=”off” und autocomplete=”false” werden in Zukunft ignoriert. Dies ist keine vorübergehende Regression in Chrome.

Chrome versucht, alle Formularfelder nach dem automatisch auszufüllen WHATWG-Standard für die automatische Vervollständigung. Mit einer Ausnahme ignorieren sie die Werte „off“ und „false“.

Zusammenfassend lässt sich sagen, dass Sie zum Deaktivieren des automatischen Ausfüllens das Autocomplete-Attribut mit einem Wert verwenden, der nicht in der WHATWG-Liste enthalten ist.

Begründen Sie, warum Sie denken, dass autocomplete=”off” von Chrome in nicht ignoriert werden sollte dieser Chromium-Thread.

Sieht aus wie eine mögliche Regression in Chrome 63. In der ursprünglichen AutoFill-Dokumentation von Chrome:

In der Vergangenheit haben viele Entwickler ihren Formularfeldern autocomplete=”off” hinzugefügt, um zu verhindern, dass der Browser irgendeine Art von Autocomplete-Funktionalität ausführt. Während Chrome dieses Tag weiterhin für Autocomplete-Daten respektiert, wird es nicht für Autofill-Daten berücksichtigt. Wann sollten Sie also autocomplete=”off” verwenden? Ein Beispiel ist, wenn Sie Ihre eigene Version der automatischen Vervollständigung für die Suche implementiert haben.

https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill

Sie unterscheiden zwischen Autocomplete und Autofill, obwohl es nicht klar ist, dass sie unterschiedlich sind.

Chrome, Safari und Edge versuchen alle, AutoFill zu implementieren, aber es gibt keinen klaren Standard. Sie betrachten eher das Namensattribut als ein explizites, standardisiertes Attribut.

Zur Zeit autocomplete="something-new" ist eine gute Problemumgehung, obwohl es syntaktisch keinen Sinn macht. Das scheint zu funktionieren, weil der Browser es nicht verstehen kann.

Question 3

Wir haben es versucht autocomplete="false" und autocomplete="off", funktioniert auch nicht. Aber etwas, das Chrome nicht versteht, wie z autocomplete="disabled", scheint zu funktionieren. Seltsam!

Update: Dies funktioniert ab Chrome 72.

Question 4

2019 Es scheint autocomplete="disabled" funktioniert wieder ab Chrome 72.

DA VIELE LEUTE ABGESTIMMT HABEN, OHNE DIE KOMMENTARE ZU LESEN:
DIES FUNKTIONIERT NICHT MEHR IN CHROM AB 2018 / CHROME 63+
relevant: https://bugs.chromium.org/p/chromium/issues/detail?id=587466

Wenn autocomplete=”false” anstelle von autocomplete=”off” funktioniert, können Sie mehr vom Chrome-Team darüber lesen, warum sie es getan haben

hier:

https://www.chromium.org/developers/design-documents/form-styles-that-chromium-understands
https://bugs.chromium.org/p/chromium/issues/detail?id=468153
https://groups.google.com/a/chromium.org/forum/#!topic/chromium-dev/zhhj7hCip5c
https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill

Question 5

Sieht so aus, als ob Chrome nach dem HTML-Tag “label” sucht, das der Eingabe am nächsten liegt, und den Wert/HTML der Beschriftung analysiert, um das automatische Ausfüllen der Eingabe zu beeinflussen.

Die sauberste Problemumgehung, die ich gefunden habe, um das automatische Ausfüllen der Eingabe zu deaktivieren, war diese:

<label for="">Country</label>
<label for="" style="display: none;">hidden label to mislead chrome autocomplete</label>
<input ... />

Question 6

Ich habe es geschafft, einen funktionierenden “Hack” in Chrome Version 65.0.3325.162 (Official Build) (64-Bit) zu bekommen.

Ich muss ein Eingabefeld rendern – versteckt, damit es meine Seite nicht beeinflusst:

<input style="display:none;"/>

Dann rendere ich mein Passwort-Eingabefeld:

<input type="password" autocomplete="new-password" />

Also sieht mein Formular am Ende so aus:

<form>
    <input style="display:none;" />
    <input type="password" autocomplete="new-password" />
    <input type="submit" />
</form>

Wichtig ist, dass Sie Ihrem Passworttyp-Eingabeelement keinen Namen oder ein ID-Attribut hinzufügen können, und Sie müssen autocomplete=”new-password” haben.

Question 7

Nach Chrome 63 sieht es so aus, als hätten sie es in autocomplete=”disabled” geändert

Ich empfehle Ihnen, sich eine Browsererkennungsbibliothek zu besorgen und für den Rest autocomplete=”off” zu verwenden.

Question 8

Da Chrome niemals richtig funktionieren wird und / oder seine Meinung ständig ändert (ich weiß, dass es nicht menschlich ist), besteht die einfachste Lösung, um sicherzustellen, dass das automatische Ausfüllen / automatische Vervollständigen stoppt, darin, Folgendes für alle Eingaben zu tun, die nicht automatisch ausgefüllt werden sollen:

<input type="text" readonly onfocus="this.removeAttribute('readonly');" value=""/>