Ich habe eine Webanwendung erstellt, die ein Tagbox-Dropdown verwendet. Dies funktioniert in allen Browsern außer dem Chrome-Browser (Version 21.0.1180.89) hervorragend.

Obwohl sowohl die inputFelder als auch das formFeld das autocomplete="off"Attribut enthalten, besteht Chrome darauf, einen Dropdown-Verlauf der vorherigen Einträge für das Feld anzuzeigen, wodurch die Tagbox-Liste gelöscht wird.

AKTUALISIEREN

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

Sie können es in etwas ändern wie:

<input style="opacity: 0;position: absolute;">
<input type="password" style="opacity: 0;position: absolute;">

Nach meiner Erfahrung vervollständigt Chrome nur die erste <input type="password">und die vorherige automatisch <input>. Also habe ich hinzugefügt:

<input style="display:none">
<input type="password" style="display:none">

Nach oben <form>und der Fall wurde gelöst.

Verhindern Sie die automatische Vervollständigung von Benutzername (oder E-Mail) und Passwort:

<input type="email" name="email"><!-- Can be type="text" -->
<input type="password" name="password" autocomplete="new-password">

Verhindern Sie die automatische Vervollständigung eines Felds ( funktioniert möglicherweise nicht ):

<input type="text" name="field" autocomplete="nope">

Erläuterung:

autocompletefunktioniert <input>trotz immer noch an einem autocomplete="off", aber Sie können offzu einem zufälligen String wechseln , wie nope.

Andere "Lösungen" zum Deaktivieren der automatischen Vervollständigung eines Feldes (dies ist nicht der richtige Weg, aber es funktioniert):

1.

HTML:

<input type="password" id="some_id" autocomplete="new-password">

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:

<form id="form"></form>

JS (Onload):

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

oder mit jQuery:

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

So fügen Sie mit jQuery mehr als ein Feld hinzu:

function addField(label) {
  var div = $('<div>');
  var input = $('<input>', {
    type: 'text'
  });
  
  if(label) {
    var label = $('<label>', {
      text: label
    });
    
    label.append(input);
    div.append(label);    
  } else {
    div.append(input);    
  }  
  
  div.appendTo($('#form'));
}

$(document).ready(function() {
  addField();
  addField('Field 1: ');  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form"></form>

Arbeitet in:

• Chrome: 49+

• Firefox: 44+

Es scheint, dass Chrome jetzt ignoriert, es autocomplete="off"sei denn, es befindet sich auf dem <form autocomplete="off">Tag.

Moderner Ansatz

Nehmen Sie einfach Ihre Eingabe vor readonlyund entfernen Sie sie im Fokus. Dies ist ein sehr einfacher Ansatz, und Browser füllen keine readonlyEingaben. Daher wird diese Methode akzeptiert und von zukünftigen Browser-Updates niemals überschrieben.

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

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

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

ARBEITSBEISPIEL

Für eine zuverlässige Problemumgehung können Sie diesen Code zu Ihrer Layoutseite hinzufügen:

<div style="display: none;">
 <input type="text" id="PreventChromeAutocomplete" 
  name="PreventChromeAutocomplete" autocomplete="address-level4" />
</div>

Chrome berücksichtigt Autocomplete = off nur, wenn mindestens ein anderes Eingabeelement im Formular mit einem anderen Autocomplete-Wert vorhanden ist.

Dies funktioniert nicht mit Kennwortfeldern - diese werden in Chrome sehr unterschiedlich behandelt. Weitere Informationen finden Sie unter https://code.google.com/p/chromium/issues/detail?id=468153 .

UPDATE: Der Fehler wurde vom Chromium Team am 11. März 2016 als "Won't Fix" geschlossen. Eine vollständige Erklärung finden Sie im letzten Kommentar in meinem ursprünglich eingereichten Fehlerbericht . TL; DR: Verwenden Sie semantische Autocomplete-Attribute wie autocomplete = "new-street-address", um zu vermeiden, dass Chrome das automatische Ausfüllen durchführt.

Nun, ein bisschen spät zur Party, aber es scheint, dass es ein bisschen Missverständnisse darüber gibt, wie autocompletees funktionieren soll und was nicht. Gemäß den HTML-Spezifikationen kann der Benutzeragent (in diesem Fall Chrome) Folgendes überschreiben autocomplete:

https://www.w3.org/TR/html5/forms.html#autofilling-form-controls:-the-autocomplete-attribute

Ein Benutzeragent kann dem Benutzer erlauben, den Feldnamen für das automatische Ausfüllen eines Elements zu überschreiben, z. B. ihn von "Aus" in "Ein" zu ändern, damit Werte trotz der Einwände des Seitenautors gespeichert und vorab ausgefüllt werden können, oder immer "Aus", ohne sich zu erinnern Werte. Benutzeragenten sollten Benutzern jedoch nicht erlauben, den Feldnamen für das automatische Ausfüllen von "Aus" auf "Ein" oder andere Werte trivial zu überschreiben, da dies erhebliche Auswirkungen auf die Sicherheit für den Benutzer hat, wenn alle Werte unabhängig von den Einstellungen der Site immer gespeichert werden.

Im Fall von Chrome haben die Entwickler im Wesentlichen gesagt: "Wir überlassen dies dem Benutzer, um in seinen Einstellungen zu entscheiden, ob er arbeiten möchte autocompleteoder nicht. Wenn Sie es nicht möchten, aktivieren Sie es nicht in Ihrem Browser." .

Es scheint jedoch, dass dies für meinen Geschmack ein wenig übereifrig ist, aber es ist so, wie es ist. In der Spezifikation werden auch die möglichen Auswirkungen eines solchen Schrittes auf die Sicherheit erörtert:

Das Schlüsselwort "off" gibt an, dass die Eingabedaten der Steuerung besonders empfindlich sind (z. B. der Aktivierungscode für eine Atomwaffe). oder dass es sich um einen Wert handelt, der niemals wiederverwendet wird (z. B. ein einmaliger Schlüssel für eine Bankanmeldung), und der Benutzer die Daten daher jedes Mal explizit eingeben muss, anstatt sich beim Vorfüllen auf die UA verlassen zu können der Wert für ihn; oder dass das Dokument einen eigenen Mechanismus für die automatische Vervollständigung bereitstellt und nicht möchte, dass der Benutzeragent Werte für die automatische Vervollständigung bereitstellt.

Nachdem ich die gleiche Frustration wie alle anderen erlebt hatte, fand ich eine Lösung, die für mich funktioniert. Es ist ähnlich wie die autocomplete="false"Antworten.

Ein Mozilla-Artikel spricht genau dieses Problem an:

https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion

In einigen Fällen schlägt der Browser weiterhin Werte für die automatische Vervollständigung vor, auch wenn das Attribut für die automatische Vervollständigung deaktiviert ist. Dieses unerwartete Verhalten kann für Entwickler ziemlich rätselhaft sein. Der Trick, um die Nichterfüllung wirklich zu erzwingen, besteht darin, dem Attribut eine zufällige Zeichenfolge zuzuweisen

Der folgende Code sollte also funktionieren:

autocomplete="nope"

Und so sollte jeder der folgenden sein:

autocomplete="false"
autocomplete="foo"
autocomplete="bar"

Das Problem, das ich sehe, ist, dass der Browser-Agent möglicherweise intelligent genug ist, um das autocompleteAttribut zu lernen und es beim nächsten Anzeigen des Formulars anzuwenden. Wenn dies der Fall ist, kann ich das Problem nur umgehen, autocompleteindem ich den Attributwert beim Generieren der Seite dynamisch ändere .

Ein erwähnenswerter Punkt ist, dass viele Browser autocompleteEinstellungen für Anmeldefelder (Benutzername und Passwort) ignorieren . Wie der Mozilla-Artikel besagt:

Aus diesem Grund unterstützen viele moderne Browser Autocomplete = "off" für Anmeldefelder nicht.

• Wenn eine Site für ein Formular die automatische Vervollständigung = "Aus" setzt und das Formular Eingabefelder für Benutzername und Kennwort enthält, bietet der Browser weiterhin an, sich diese Anmeldung zu merken. Wenn der Benutzer zustimmt, füllt der Browser diese Felder beim nächsten Mal automatisch aus Benutzer besucht diese Seite.
• Wenn eine Site für die Eingabefelder für Benutzername und Kennwort die automatische Vervollständigung = "Aus" setzt, bietet der Browser weiterhin an, sich diese Anmeldung zu merken. Wenn der Benutzer zustimmt, füllt der Browser diese Felder beim nächsten Besuch dieser Seite automatisch aus.

Dies ist das Verhalten in Firefox (seit Version 38), Google Chrome (seit 34) und Internet Explorer (seit Version 11).

Zum Schluss noch ein paar Infos, ob das Attribut zum formElement oder zum inputElement gehört. Die Spezifikation hat wieder die Antwort:

Wenn das Autocomplete-Attribut weggelassen wird, wird stattdessen der Standardwert verwendet, der dem Status des Autocomplete-Attributs des Formularbesitzers des Elements entspricht (entweder "on" oder "off"). Wenn es keinen Formularbesitzer gibt, wird der Wert "on" verwendet.

Damit. Das Einfügen in das Formular sollte für alle Eingabefelder gelten. Das Hinzufügen zu einem einzelnen Element sollte nur für dieses Element gelten (auch wenn das Formular kein Element enthält). Wenn überhaupt autocompletenicht eingestellt, wird standardmäßig verwendet on.

Zusammenfassung

So deaktivieren Sie autocompletedas gesamte Formular:

<form autocomplete="off" ...>

Oder wenn Sie es dynamisch tun müssen:

<form autocomplete="random-string" ...>

Deaktivieren autocompleteeines einzelnen Elements (unabhängig davon, ob die Formulareinstellung vorhanden ist oder nicht)

<input autocomplete="off" ...>

Oder wenn Sie es dynamisch tun müssen:

<input autocomplete="random-string" ...>

Und denken Sie daran, dass bestimmte Benutzeragenten selbst Ihre am härtesten umkämpften Deaktivierungsversuche außer Kraft setzen können autocomplete.

Die Lösung ist derzeit zu verwenden type="search". Google wendet das automatische Ausfüllen nicht auf Eingaben mit einer Art von Suche an.

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

Update 04/04/2016: Sieht so aus, als wäre das behoben! Siehe http://codereview.chromium.org/1473733008

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

Viele Diskussionen darüber, ob dies eine gute oder eine schlechte Sache ist? Was ist deine Meinung?

Browser kümmert sich nicht um Autocomplete = Off Auto oder füllt sogar Anmeldeinformationen in falsches Textfeld?

Ich habe es behoben, indem ich das Passwortfeld auf schreibgeschützt gesetzt und aktiviert habe, wenn der Benutzer darauf klickt oder die Tabulatortaste für dieses Feld verwendet.

Korrigieren Sie das automatische Ausfüllen des Browsers: schreibgeschützt und setzen Sie das Schreiben auf den Fokus (per Mausklick und Durchblättern von Feldern)

 <input type="password" readonly  
     onfocus="$(this).removeAttr('readonly');"/>

Update: Mobile Safari setzt den Cursor in das Feld, zeigt jedoch keine virtuelle Tastatur an. New Fix funktioniert wie zuvor, behandelt jedoch die virtuelle Tastatur:

<input id="email" readonly type="email" onfocus="if (this.hasAttribute('readonly')) {
    this.removeAttribute('readonly');
    // fix for mobile safari to show virtual keyboard
    this.blur();    this.focus();  }" />

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

// UpdateEnd

Übrigens mehr Informationen zu meiner Beobachtung:

Manchmal bemerke ich dieses seltsame Verhalten in Chrome und Safari, wenn Kennwortfelder in derselben Form vorhanden sind. Ich denke, der Browser sucht nach einem Passwortfeld, um Ihre gespeicherten Anmeldeinformationen einzufügen. Anschließend wird der Benutzername automatisch in das nächste textähnliche Eingabefeld ausgefüllt, das vor dem Kennwortfeld im DOM angezeigt wird (nur aufgrund von Beobachtungen erraten). Da der Browser die letzte Instanz ist und Sie sie nicht steuern können, würde manchmal sogar die automatische Vervollständigung = aus nicht verhindern, dass Anmeldeinformationen in falsche Felder eingegeben werden, jedoch nicht in Benutzer- oder Spitznamenfelder.

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

<input type="email" name="email">
<input type="password" name="password" autocomplete="new-password">

Arbeitet in:

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

TL; DR: Teilen Sie Chrome mit, dass dies eine neue Passworteingabe ist und keine alten als Vorschläge für die automatische Vervollständigung bereitgestellt werden:

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

autocomplete="off" funktioniert aufgrund einer Entwurfsentscheidung nicht - viele Untersuchungen zeigen, dass Benutzer Passwörter viel länger und schwerer hacken können, wenn sie sie in einem Browser oder Passwortmanager speichern können.

Die Spezifikation für autocomplete hat sich geändert und unterstützt jetzt verschiedene Werte, damit Anmeldeformulare einfach automatisch ausgefüllt werden können:

<!-- Auto fills with the username for the site, even though it's email format -->
<input type="email" name="email" autocomplete="username">

<!-- current-password will populate for the matched username input  -->
<input type="password" autocomplete="current-password" />

Wenn Sie diese nicht bereitstellen, versucht Chrome immer noch zu raten, und wenn dies der Fall ist, wird dies ignoriert autocomplete="off".

Die Lösung besteht darin, dass auch autocompleteWerte für Formulare zum Zurücksetzen von Kennwörtern vorhanden sind:

<label>Enter your old password:
    <input type="password" autocomplete="current-password" name="pass-old" />
</label>
<label>Enter your new password:
    <input type="password" autocomplete="new-password" name="pass-new" />
</label>
<label>Please repeat it to be sure:
    <input type="password" autocomplete="new-password" name="pass-repeat" />
</label>

Sie können dieses autocomplete="new-password"Flag verwenden, um Chrome anzuweisen, das Kennwort nicht zu erraten, selbst wenn eines für diese Website gespeichert ist.

Chrome kann Kennwörter für Websites auch direkt mithilfe der Anmeldeinformations-API verwalten , die ein Standard ist und möglicherweise irgendwann universelle Unterstützung bietet.

Ich habe den endlosen Kampf mit Google Chrome mit zufälligen Zeichen gelöst. Wenn Sie die automatische Vervollständigung immer mit einer zufälligen Zeichenfolge rendern, wird sie sich nie an etwas erinnern.

<input name="name" type="text" autocomplete="rutjfkde">

Hoffe, dass es anderen Menschen helfen wird.

Autocomplete="Off" funktioniert nicht mehr

Versuchen Sie beispielsweise, nur eine zufällige Zeichenfolge anstelle von "Off"zu verwendenAutocomplete="NoAutocomplete"

Ich hoffe, es hilft.

Wenn Chrom das ignoriert autocomplete="off", löse ich es mit einer dummen Art und Weise, bei der "gefälschte Eingabe" verwendet wird, um Chrom zu betrügen, um es zu füllen, anstatt die "echte" zu füllen.

Beispiel:

<input type="text" name="username" style="display:none" value="fake input" /> 
<input type="text" name="username" value="real input"/>

Chrome füllt die "gefälschte Eingabe" aus, und beim Senden übernimmt der Server den Wert "echte Eingabe".

Ich poste diese Antwort, um eine aktualisierte Lösung für dieses Problem zu finden. Ich verwende derzeit Chrome 49 und es gibt keine Antwort auf diese Frage. 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

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

Verwenden Sie dann für Ihr echtes Passwortfeld

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

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
• Kante: 25
• Internet Explorer: 11

Für alle, die nach einer Lösung suchen, finde ich es endlich heraus.

Chrome befolgt nur die automatische Vervollständigung = "Aus", wenn es sich bei der Seite um eine HTML5-Seite handelt (ich habe XHTML verwendet).

Ich habe meine Seite in HTML5 konvertiert und das Problem ist verschwunden (facepalm).

Ändern Sie das Attribut für den Eingabetyp in type="search".

Google wendet keine automatische Füllung auf Eingaben mit einer Art von Suche an.

Bis letzte Woche schienen die beiden folgenden Lösungen für Chrome, IE und Firefox zu funktionieren. Mit der Veröffentlichung von Chrome Version 48 (und immer noch in 49) funktionieren sie jedoch nicht mehr:

1. Folgendes oben im Formular:

<input style="display:none" type="text" name="fakeUsername"/>
<input style="display:none" type="password" name="fakePassword"/>

2. Folgendes im Passworteingabeelement:

   autocomplete = "aus"

Um dies schnell zu beheben, habe ich zunächst versucht, das Kennworteingabeelement zunächst auf deaktiviert zu setzen, und dann ein setTimeout in der Dokumentbereitschaftsfunktion verwendet, um es wieder zu aktivieren.

setTimeout(function(){$('#PasswordData').prop('disabled', false);}, 50);

Aber das schien so verrückt zu sein und ich suchte weiter und fand @tibalts Antwort in Deaktivieren von Chrome Autofill . Seine Antwort ist, autocomplete = "new-password" in der Passworteingabe zu verwenden, und dies scheint in allen Browsern zu funktionieren (ich habe meine Fixnummer 1 oben zu diesem Zeitpunkt beibehalten).

Hier ist der Link in der Google Chrome-Entwicklerdiskussion: https://code.google.com/p/chromium/issues/detail?id=370363#c7

autocomplete=off wird in modernen Browsern weitgehend ignoriert - hauptsächlich aufgrund von Passwort-Managern usw.

Sie können versuchen, dies hinzuzufügen. autocomplete="new-password"Es wird nicht von allen Browsern vollständig unterstützt, funktioniert jedoch bei einigen

autocomplete="off"funktioniert normalerweise, aber nicht immer. Dies hängt namevom Eingabefeld ab. Namen wie "Adresse", "E-Mail", "Name" werden automatisch vervollständigt (Browser glauben, dass sie Benutzern helfen), wenn Felder wie "Code", "Pin" - nicht automatisch vervollständigt werden (falls autocomplete="off"festgelegt).

Meine Probleme waren - Autocomplete hat mit dem Google Address Helper rumgespielt

Ich habe es behoben, indem ich es umbenannt habe

von

<input type="text" name="address" autocomplete="off">

zu

<input type="text" name="the_address" autocomplete="off">

Getestet in Chrom 71.

Anstelle von autocomplete = "off" verwenden Sie autocomplete = "false" ;)

von: https://stackoverflow.com/a/29582380/75799

Keine Ahnung, warum dies in meinem Fall funktioniert hat, aber auf Chrome habe ich verwendet autocomplete="none"und Chrome hat aufgehört, Adressen für mein Textfeld vorzuschlagen.

Ab Chrome 42 2015-05-21T12:50:23+00:00funktioniert keine der Lösungen / Hacks in diesem Thread (ab ) zum Deaktivieren der automatischen Vervollständigung für ein einzelnes Feld oder das gesamte Formular.

BEARBEITEN: Ich habe festgestellt, dass Sie tatsächlich nur ein Dummy-E-Mail-Feld in Ihr Formular einfügen müssen (Sie können es mit ausblenden display: none), bevor die anderen Felder die automatische Vervollständigung verhindern. Ich gehe davon aus, dass Chrome mit jedem automatisch ausgefüllten Feld eine Art Formularsignatur speichert und ein weiteres E-Mail-Feld einschließt, das diese Signatur beschädigt und das automatische Ausfüllen verhindert.

<form action="/login" method="post">
    <input type="email" name="fake_email" style="display:none" aria-hidden="true">
    <input type="email" name="email">
    <input type="password" name="password">
    <input type="submit">
</form>

Die gute Nachricht ist, dass, da die "Formularsignatur" dadurch beschädigt wird, keines der Felder automatisch vervollständigt wird, sodass kein JS erforderlich ist, um die gefälschten Felder vor dem Senden zu löschen.

Alte Antwort:

Das einzige, was ich als noch brauchbar befunden habe, ist das Einfügen von zwei Dummy-Feldern vom Typ E-Mail und Passwort vor den realen Feldern. Sie können sie so einstellen, dass sie display: noneausgeblendet werden (es ist nicht klug genug, diese Felder zu ignorieren):

<form action="/login" method="post">
    <input type="email" name="fake_email" style="display:none" aria-hidden="true">
    <input type="password" name="fake_password" style="display:none" aria-hidden="true">
    <input type="email" name="email">
    <input type="password" name="password">
    <input type="submit">
</form>

Leider müssen sich die Felder in Ihrem Formular befinden (andernfalls werden beide Eingabesätze automatisch ausgefüllt). Damit die gefälschten Felder wirklich ignoriert werden, müssen Sie einige JS auf dem Formular-Submit ausführen, um sie zu löschen:

form.addEventListener('submit', function() {
    form.elements['fake_email'].value = '';
    form.elements['fake_password'].value = '';
});

Beachten Sie von oben, dass das Löschen des Werts mit Javascript die automatische Vervollständigung überschreibt. Wenn es also akzeptabel ist, das richtige Verhalten bei deaktiviertem JS zu verlieren, können Sie all dies mit einer JS-Autovervollständigung "Polyfill" für Chrome vereinfachen:

(function(document) {

    function polyfillAutocomplete(nodes) {

        for(var i = 0, length = nodes.length; i < length; i++) {

            if(nodes[i].getAttribute('autocomplete') === 'off') {

                nodes[i].value = '';
            }
        }
    }

    setTimeout(function() {

        polyfillAutocomplete(document.getElementsByTagName('input'));
        polyfillAutocomplete(document.getElementsByTagName('textarea'));

    }, 1);

})(window.document);

Ich hatte ein ähnliches Problem, bei dem das Eingabefeld entweder einen Namen oder eine E-Mail enthielt. Ich habe autocomplete = "off" gesetzt, aber Chrome hat immer noch Vorschläge erzwungen. Es stellte sich heraus, dass der Platzhaltertext die Wörter "Name" und "E-Mail" enthielt.

Zum Beispiel

<input type="text" placeholder="name or email" autocomplete="off" />

Ich habe es umgangen, indem ich in die Wörter im Platzhalter ein Leerzeichen von Null eingefügt habe. Keine automatische Vervollständigung von Chrome mehr.

<input type="text" placeholder="nam&#8203;e or emai&#8203;l" autocomplete="off" />

Verwenden Sie in Chrome 48+ diese Lösung:

1. Stellen Sie gefälschte Felder vor echte Felder:

   <form autocomplete="off">
     <input name="fake_email"    class="visually-hidden" type="text">
     <input name="fake_password" class="visually-hidden" type="password">
   
     <input autocomplete="off" name="email"    type="text">
     <input autocomplete="off" name="password" type="password">
   </form>

2. Verstecke gefälschte Felder:

   .visually-hidden {
     margin: -1px;
     padding: 0;
     width: 1px;
     height: 1px;
     overflow: hidden;
     clip: rect(0 0 0 0);
     clip: rect(0, 0, 0, 0);
     position: absolute;
   }

3. Du hast es geschafft!

Dies funktioniert auch für ältere Versionen.

Nach dem Chrome v. 34 funktioniert die Einstellung autocomplete="off"am <form>Tag nicht

Ich habe die Änderungen vorgenommen, um dieses nervige Verhalten zu vermeiden:

1. Entfernen Sie das nameund das idder Passworteingabe
2. Legen Sie eine Klasse in den Eingang (ex .: passwordInput)

(Bisher hat Chrome das gespeicherte Passwort nicht in die Eingabe eingefügt, aber das Formular ist jetzt fehlerhaft.)

Damit das Formular funktioniert, müssen Sie diesen Code ausführen, wenn der Benutzer auf die Schaltfläche "Senden" klickt oder wenn Sie das Senden des Formulars auslösen möchten:

var sI = $(".passwordInput")[0];
$(sI).attr("id", "password");
$(sI).attr("name", "password");

In meinem Fall habe ich früher id="password" name="password"die Passworteingabe eingegeben, also habe ich sie zurückgesetzt, bevor ich die Übermittlung ausgelöst habe.

Nachdem Sie alle Lösungen ausprobiert haben, scheint Folgendes für die Chrome-Version 45 zu funktionieren: Formular mit Kennwortfeld:

 jQuery('document').ready(function(){
        //For disabling Chrome Autocomplete
        jQuery( ":text" ).attr('autocomplete','pre'+Math.random(0,100000000));
 });

Ich habe gerade auf Chrome 49 aktualisiert und die Lösung von Diogo Cid funktioniert nicht mehr.

Ich habe eine andere Problemumgehung vorgenommen, um die Felder zur Laufzeit nach dem Laden der Seite auszublenden und zu entfernen.

Chrome ignoriert jetzt die ursprüngliche Problemumgehung, indem die Anmeldeinformationen auf das erste angezeigte type="password" Feld und das vorherige type="text"Feld angewendet werden. Daher habe ich beide Felder mithilfe von CSS ausgeblendet visibility: hidden;

<!-- HTML -->
<form>
    <!-- Fake fields -->
    <input class="chromeHack-autocomplete">
    <input type="password" class="chromeHack-autocomplete">

    <input type="text" placeholder="e-mail" autocomplete="off" />
    <input type="password" placeholder="Password" autocomplete="off" />
</form>

<!-- CSS -->
.chromeHack-autocomplete {
    height: 0px !important;
    width: 0px !important;
    opacity: 0 !important;
    padding: 0 !important; margin: 0 !important;
}

<!--JavaScript (jQuery) -->
jQuery(window).load(function() {
    $(".chromeHack-autocomplete").delay(100).hide(0, function() {
        $(this).remove();
    });
});

Ich weiß, dass es vielleicht nicht sehr elegant erscheint, aber es funktioniert.

Ich fand diese Lösung am besten geeignet:

function clearChromeAutocomplete()
{
// not possible, let's try: 
if (navigator.userAgent.toLowerCase().indexOf('chrome') >= 0) 
{
document.getElementById('adminForm').setAttribute('autocomplete', 'off'); 
setTimeout(function () {
        document.getElementById('adminForm').setAttribute('autocomplete', 'on'); 
}, 1500);
}
}

Es muss nach dom ready oder nach dem Rendern des Formulars geladen werden.

Obwohl ich der Meinung bin, dass die automatische Vervollständigung eine Benutzerwahl sein sollte, gibt es Zeiten, in denen Chrome zu eifrig damit umgeht (andere Browser möglicherweise auch). Beispielsweise wird ein Kennwortfeld mit einem anderen Namen weiterhin automatisch mit einem gespeicherten Kennwort gefüllt und das vorherige Feld mit dem Benutzernamen gefüllt. Dies ist besonders dann problematisch, wenn es sich bei dem Formular um ein Benutzerverwaltungsformular für eine Web-App handelt und Sie nicht möchten, dass das automatische Ausfüllen es mit Ihren eigenen Anmeldeinformationen auffüllt.

Chrome ignoriert Autocomplete = "off" jetzt vollständig. Während die JS-Hacks gut funktionieren mögen, habe ich einen einfachen Weg gefunden, der zum Zeitpunkt des Schreibens funktioniert:

Setzen Sie den Wert des Passwortfeldes auf das Steuerzeichen 8 ( "\x08"in PHP oder in HTML). Dadurch wird verhindert, dass Chrome das Feld automatisch ausfüllt, da es einen Wert hat, aber kein tatsächlicher Wert eingegeben wird, da dies das Rücktastezeichen ist.

Ja, das ist immer noch ein Hack, aber es funktioniert bei mir. YMMV.