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

Keine dieser Methoden funktioniert mehr, Chrome ignoriert all diese Attribute, die einzige Lösung ist die Verwendung von jQuery

verwenden Sie dies auf Eingabe

Answer 2

Der Trick mit dem versteckten Eingabeelement scheint immer noch zu funktionieren (Chrome 43), um das automatische Ausfüllen zu verhindern. Allerdings muss man beachten, dass Chrome versucht, basierend auf dem Platzhalter-Tag automatisch auszufüllen. Sie müssen den Platzhalter des versteckten Eingabeelements mit dem des Eingabefelds, das Sie deaktivieren möchten, übereinstimmen lassen.

In meinem Fall hatte ich ein Feld mit dem Platzhalter 'Stadt oder PLZ', den ich mit der Google Place-Autocompletion verwendet habe. Es schien, dass versucht wurde, automatisch auszufüllen, als ob es Teil eines Adressformulars wäre. Der Trick hat erst funktioniert, als ich den gleichen Platzhalter auf das versteckte Element gesetzt habe wie auf das echte Eingabefeld:

Answer 3

Sieht so aus, als ob das behoben ist! Siehe https://codereview.chromium.org/1473733008

Answer 4

Bei der Verwendung eines Widgets wie jQuery UI's Autocomplete stellen Sie sicher, dass es nicht das Autocomplete-Attribut zu "aus" hinzufügt/ändern. Ich habe festgestellt, dass dies zutrifft, wenn ich es benutze, und es wird jede Arbeit zerstören, die Sie vielleicht gemacht haben, um die Browserfeldspeicherung zu überschreiben. Stellen Sie sicher, dass Sie ein eindeutiges Namensattribut haben und erzwingen Sie ein eindeutiges Autocomplete-Attribut nachdem das Widget initialisiert wurde. Unten finden Sie einige Hinweise, wie das für Ihre Situation funktionieren könnte.

   $('#email').autocomplete({
      create: function( event, ui ) {
         $(this).attr('autocomplete','<? echo $autocomplete; ?>');
      },
      source: function (request, response) { //Ihr Code hier },
      focus: function( event, ui ) { //Ihr Code hier },
      select: function( event, ui ) { //Ihr Code hier },
   });

Answer 5

Ich hatte ein ähnliches Problem mit einem der Suchfelder in meinem Formular. Weder autocomplete= "false" noch autocomplete= "off" hat für mich funktioniert. Es stellte sich heraus, dass, wenn das aria-label-Attribut im input-Element auf etwas wie city oder address oder etwas ähnliches gesetzt ist, Chrome alle Ihre Einstellungen überschreibt und trotzdem die Autovervollständigung anzeigt

Also habe ich das Problem behoben, indem ich den Teil city aus dem aria-label entfernt habe und einen anderen Wert verwendet habe. Und schließlich wurde die Autovervollständigung gestoppt