Autocomplete für Eingabefelder deaktivieren

Mat Garland

# 21. Mai 2010

Damit Ihre Webanwendung iPhone- und iPad-freundlich ist, können Sie auch steuern, ob die automatische Korrektur oder Großschreibung in den Eingabefeldern Ihres Formulars verwendet wird oder nicht. Dies kann bei Benutzernamenfeldern nützlich sein. Tun Sie dies, indem Sie Code in folgenden Zeilen implementieren

Automatische Korrektur deaktivieren

<input type="text" name="some_name" autocorrect="off"></input>

Automatische Großschreibung deaktivieren

<input type="text" name="some_name" autocapitalize="off"></input>

Antworten

Montana Flynn

Permalink zu Kommentar# 2. Juni 2010

Das ist ein sehr guter Schnipsel! Danke!
ledonov

Permalink zu Kommentar# 29. November 2011

Verwenden Sie im Tag-Formular autocomplete="off" ..

Ryan

# 20. Februar 2011

autocomplete="off" ist kein gültiger Markup mit XHTML Transitional, was ein gängiger DOCTYPE ist. Verwenden Sie dies, um einen gültigen Markup zu erhalten

if (document.getElementsByTagName) {

var inputElements = document.getElementsByTagName(“input”);

for (i=0; inputElements[i]; i++) {

if (inputElements[i].className && (inputElements[i].className.indexOf(“disableAutoComplete”) != -1)) {

inputElements[i].setAttribute(“autocomplete”,”off”);

}

Antworten

Mohsin

Permalink zu Kommentar# 9. Januar 2015

Es hat für mich auf Safari mobile funktioniert.. Danke Kumpel
HASAN

Permalink zu Kommentar# 4. August 2016

Gutes Skript, funktioniert gut,

Danke!

a dev

# 7. September 2011

Vielen Dank, Sie haben mein Problem gelöst :)

Antworten

Mac Hary

# 26. September 2011

Danke ... Das Javascript funktioniert für mich :)

Antworten

asd

# 29. September 2011

asfsda

Antworten

Ghost

# 8. Mai 2012

Gibt es eine Möglichkeit, das Autocomplete zu stylen? (ohne JS)
Ich habe gesehen

#inputId:-webkit-autofill {
    background-color: white !important;
} (bug)

Aber es funktioniert nicht und nur für Webkit-Browser. Ich habe eine große Schriftgröße für "placeholder = "blabla" und brauche Autocomplete. Das Autocomplete mit dieser Schriftgröße sieht schrecklich aus...
Also

.search_field{font-size: 1.5em;} (input)
.search_field:-webkit-autofill{font-size: .9em;}(autofill)

:)

Antworten

Paresh

# 14. Juni 2012

Die Autofill-Funktion auf iOS funktioniert nicht immer basierend auf der besuchten Seite. Ich habe eine Webanwendung, die auf dem iPad beim Surfen kein Autofill bietet. Gibt es einen Trick, um es zu aktivieren? Bitte um Rat

Antworten

Vivek Doshi

# 5. September 2012

Es gibt ein kleines Problem bei der Verwendung: Wenn die Seite mit dem W3C-Validator validiert wird, wird die Fehlermeldung "Es gibt kein Attribut "autocomplete"" angezeigt.

Antworten

Martin Delille

# 22. September 2012

Ich bitte stackexchange.com, diese Funktion mit einem Link zu Ihrem Blog-Artikel hinzuzufügen: http://meta.stackoverflow.com/q/148009/195437

Antworten

Kunal

# 17. März 2013

Fügen Sie im Form-Tag autocomplete="off" hinzu. Sie müssen kein einzelnes Eingabe-Tag für Autocomplete off hinzufügen.

Antworten

Cormorand

# 16. April 2013

Wahrscheinlich keine gute Idee, wenn Ihre Besucher Chrome verwenden, kunal.

Siehe http://stackoverflow.com/questions/7973462/chrome-ugly-message-when-autofill-is-disabled.

Antworten

Idham Perdameian

# 20. Juli 2013

Danke, das Autocomplete-Attribut ist Teil von HTML5 und funktioniert mit folgenden <input>-Typen: text, search, url, tel, email, password, datepickers, range und color.

Antworten

BrandOwner

# 26. Juli 2013

Habe gerade versucht, autocomplete=off zu jedem Eingabefeld hinzuzufügen – das funktionierte nicht, aber das Hinzufügen zum gesamten Formular schon.

d.h. input autocomplete="off" / – keine Wirkung, form autocompete="off" – funktioniert... es sei denn, es gibt ein Problem mit meinen Browsern.

Antworten

Paul Warelis

Permalink zu Kommentar# 27. Juli 2016

Nun, jetzt werden Ihre Eingabesteuerungen nicht miteinander KONKURRIEREN, ha!

Y.V.Ramana

# 28. August 2013

Habe gerade versucht, autocomplete=off zu jedem Eingabefeld hinzuzufügen – das funktionierte nicht, aber das Hinzufügen zum gesamten Formular schon.

d.h. input autocomplete="off" / – keine Wirkung, form autocompete="off" – funktioniert... es sei denn, es gibt ein Problem mit meinen Browsern.

Antworten

Tapan Kumer Das

# 3. Oktober 2013

Großartig! Sie haben mir Zeit gespart. Vielen Dank. Aber eine Sache noch, es ist kein w3c gültiges Attribut. Was sollen wir tun, um eine Validierung zu erhalten und trotzdem die Autocomplete off-Funktion zu nutzen? Vielen Dank im Voraus.

Antworten

shaikamjad

# 4. März 2014

Leute, es funktioniert nicht, wenn ich die Jquery-Methode verwende, um die Autocomplete-Funktion zu deaktivieren :(

Antworten

puttyshell

# 16. April 2014

Ich muss die Benutzername- und Passwortfelder tauschen. Und den Benutzernamen nach links schweben lassen. Sonst werden der Benutzername und das Passwort automatisch ausgefüllt.

Antworten

Amarpreet

Permalink zu Kommentar# 27. August 2015

Hallo
Ich habe das Problem, dass Firefox beim Klicken auf "Neuen Benutzer hinzufügen" in meiner Anwendung den Benutzernamen und das Passwort mit dem Administrator-Benutzernamen und -Passwort automatisch ausfüllt. Wie haben Sie das gelöst? Können Sie es bitte erklären? Ich muss das dringend implementieren.

Lienkie

# 17. April 2014

Ich weiß, Sie werden lachen, aber wo gebe ich das ein? (<input…..)? Ich möchte Autocomplete in meinen Browsern wirklich deaktivieren und schaffe es nicht in der Registrierung.

Antworten

Jair

# 10. Mai 2014

Keine der obigen Lösungen hat für mich funktioniert. :(

Antworten

Sascha Trinkaus

# 19. Mai 2014

Chrome scheint das Autocomplete-Attribut ab Version 34 zu ignorieren.

Antworten

Ronak

# 22. Mai 2014

$(document).ready(function(){
    $(':input').live('focus',function(){
        $(this).attr('autocomplete', 'off');
    });
});

Antworten

Kushal Jayswal

Permalink zu Kommentar# 30. Oktober 2017
Das Entfernen von $(document).ready... hat für mich funktioniert :)
```
$(':input').live('focus',function(){
    $(this).attr('autocomplete', 'off');
});
```

karps

# 11. August 2014

Ich habe das Attribut autocomplete="off" gesetzt. Aber der Safari-Browser Autocomplete funktioniert. Wie löse ich das Autocomple off-Problem?!!

Antworten

Joe Johnson

# 29. August 2014

Wenn Sie die Autocomplete für ein Passwortfeld deaktivieren müssen, können Sie gerne ein von mir erstelltes Plugin verwenden: https://github.com/say2joe/jquery.disable-autocomplete

Antworten

salem

# 23. Dezember 2014

Schöner Schnipsel! Danke!

Antworten

Cami

# 6. Mai 2015

Das Setzen des Autocomplete-Attributs auf "off" deaktiviert die Chrome-Autofill in neueren Chrome-Versionen nicht. Stattdessen müssen Sie Autocomplete für jedes Eingabefeld wie folgt setzen:
<input autocomplete="smartystreets">
Sie können Autocomplete auf alles andere als "on" oder "off" setzen, und es deaktiviert die Chrome-Autofill.

Antworten

CodyBlake

Permalink zu Kommentar# 23. Februar 2018

erstaunlich.. hat mir einiges an Haareausreißen erspart. Chrome hat meine Live-Filterung durcheinander gebracht und dieser Trick hat es behoben.

Niklas R

# 15. Mai 2015

Nichts davon funktioniert. Ich habe versucht, autocomplete=off zu setzen, ich habe versucht, das Meta-Tag auf no-cache zu setzen, ich habe versucht, die Werte programmgesteuert mit jQuery zu setzen, und ich habe versucht, den Wert explizit auf nichts zu setzen. Warum ist nichts möglich, wenn wir diese einfache Funktionalität brauchen? Es ist ein Zeitdieb, dass HTML, CSS und JavaScript so lausige Werkzeuge sind, dass sie nicht einmal die einfachen Dinge einfach machen können. Dies ist eine einfache Aufgabe, daher sollte sie einfach sein und es sollte eine offensichtliche Lösung geben, also wo ist die offensichtliche Lösung?

Antworten

Clint

Permalink zu Kommentar# 25. September 2015
Ich bin mir nicht sicher, ob Sie immer noch nach einer Lösung suchen, aber ich war im selben Boot, habe ein paar Stunden an diesem einen BS-Problem gearbeitet und endlich diese Lösung gefunden, die funktioniert hat
```

<input style="display:none" type="text" name="fakeusernameremembered"/>
<input style="display:none" type="password" name="fakepasswordremembered"/>
```
Hängen Sie einfach diese beiden gefälschten Felder über Ihre tatsächlichen Eingabefelder in Ihrem Formular, und Chrome wird diese stattdessen autofillen. Problem gelöst! :D

ursprünglich gefunden hier
http://www.tech.theplayhub.com/disabling_chrome_autofill/

Clint

# 25. September 2015

Mein vorheriger Kommentar funktionierte auch nicht mehr, aber es gab einen anderen Kommentar weiter unten in der Kommentarliste, der für mich funktionierte

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

Dies bewirkt im Wesentlichen, dass das Feld gesperrt ist, bis Sie hineinklicken. Dies funktionierte jedes Mal für mich, ohne dass andere Workarounds in Kraft waren (von denen ich sie alle ausprobiert hatte, sogar das Salzen der URL-Zeichenkette und der Autocomplete-Felder mit zufälligen Zahlen!)

Antworten

joy picar

Permalink zu Kommentar# 1. Juni 2016

Danke Clint!!! Das funktioniert wirklich für mich!!!
Random

Permalink zu Kommentar# 27. Juli 2016

Großartig..!! Du bist ein Juwel..!!
PersonX

Permalink zu Kommentar# 17. November 2016

Dies funktioniert nicht in allen Fällen. zum Beispiel ein Namens-Textfeld und dann ein Passwortfeld auf schreibgeschützt setzen. Sobald Sie auf das schreibgeschützte Passwortfeld klicken, haben Sie es nicht mehr schreibgeschützt, und wenn Sie zurückgehen und das vorherige Namensfeld automatisch ausfüllen, wird das Passwortfeld automatisch ausgefüllt.

Nick

# 11. Oktober 2015

Ich würde viel lieber jQuery verwenden, um das zu tun

// Mobile-Auto-Inputs entfernen
$(‘.ginput_container input’).attr({
autocomplete: “off”,
autocapitalize: “off”,
autocorrect: “off”
});

Antworten

HQF Development - Pons Olivier

# 18. Dezember 2015

Es ist viel einfacher als alle Lösungen. Gehen Sie zu Stackoverflow, dort gibt es einen perfekten Vorschlag

Verwenden Sie anstelle von autocomplete="off" autocomplete="false"

und es funktioniert.

Antworten

Prad

# 7. März 2016

Hi, Autocomplete funktioniert gut, aber die Autocomplete-Leiste (die über der Android-Tastatur sitzt, besteht weiterhin ohne Autocomplete-Text. Kann mir jemand bitte vorschlagen, wie ich sie mit JAVASCRIPT und CSS ausblenden kann.

Antworten

Prad

# 7. März 2016

Hi, Autocomplete funktioniert gut, aber die Autocomplete-Leiste (die über der Android-Tastatur sitzt, besteht weiterhin ohne Autocomplete-Text, was den Login-Button verdeckt) Kann mir jemand bitte vorschlagen, wie ich sie mit JAVASCRIPT und CSS ausblenden kann.

Antworten

M R Raja

# 2. April 2016

Warum nutzt nicht jeder das hier?

        <form>
            <div class="user">
            <i> </i>
            <input type="text" id="u1" name="u1" value="User Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'User Name';}">       
            </div>          
            <div class="user1"> 
            <i> </i>        
            <input type="password" id="p1" name="p1" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}" >
            </div>
            <div class="user2">                         
            <input type="submit" value="Login">
            </div>
        </form>

Es ist so einfach... :)

Antworten

zykadelic

Permalink zu Kommentar# 14. März 2018

Sie meinen also, dass ich jedes Mal, wenn ich ein Element erneut fokussiere, seinen Wert neu eingeben muss?

Gopal Sharma

# 2. April 2016

Hallo,

Die gesamte Seite Autocomplete off wird durch Anwenden dieses "autocomplete=off" auf das Formular-Tag erreicht.

  <form action="" method="post" autocomplete="off">

Das ist alles.
Danke an alle

Antworten

Slava

# 22. Juni 2016

Dieser Trick funktioniert für Passwortfelder nicht mehr. Browser ignorieren Autocomplete.

Antworten

SKOLZ

# 30. November 2016

Sie können das Autocomplete für Passwörter vermeiden, indem Sie autocomplete="new-password" zum Passwortfeld hinzufügen

Antworten

pit

# 12. Dezember 2016

Versuchen Sie autocomplete="false"

Antworten

jfroffice

# 22. Februar 2017

Die Verwendung eines gefälschten Eingabefeldes am Anfang des Formulars funktioniert für mich.

<form name="my-form">
    <input style="visibility: hidden" type="text" />
    <input style="visibility: hidden" type="password" />
    <!-- here put your current form field -->
</form>

Sie müssen sie als visibility: hidden setzen, sonst ignorieren Chrome und FF sie.

Antworten

pranjal

Permalink zu Kommentar# 15. Oktober 2018

Das funktioniert im aktuellen Firefox nicht.

jfroffice

# 22. Februar 2017

Die Verwendung eines gefälschten Eingabefeldes am Anfang des Formulars funktioniert für mich.

<form name="my-form">
    <input style="visibility: hidden" type="text" />
    <input style="visibility: hidden" type="password" />
    <!-- here put your current form field -->
</form>

Sie müssen sie als visibility: hidden setzen, sonst ignorieren Chrome und FF sie.

Antworten

Venkateshwar

Permalink zu Kommentar# 4. Juni 2017

Hallo,

Danke, das hat funktioniert. Aber ich habe display: none anstelle von visibility: hidden verwendet, damit das Element keinen Platz auf der Seite einnimmt.

Nochmal danke!! :)

john wayne

# 21. April 2017

autocomplete="false" funktioniert, solange NICHT ALLE Text-Eingabefelder als autocomplete="false" eingestellt sind. Ich muss mindestens ein Eingabefeld so lassen, dass es automatisch ausgefüllt werden kann. Alle auf false zu setzen, negiert die Aktion. Das Formular selbst auf autocomplete="false" oder "off" zu setzen, funktioniert bei mir nicht.

Antworten

Loy

# 20. Juli 2017

Wie deaktiviert man die Tastatur-Popup, wenn wir auf eine Texteingabe mit Fokus klicken, ohne die Texteingabe schreibgeschützt zu machen?

Antworten

Roberdo

# 22. Juli 2017

autocomplete="new-password"
100% ES FUNKTIONIERT IN CHROME.

Antworten

Dmytro Palaniichuk

Permalink zu Kommentar# 18. Januar 2018

Es funktioniert nicht für Chrome 63

Terry Lin

# 29. August 2018

Sie können das jQuery disableAutoFill Plugin ausprobieren.
https://github.com/terrylinooo/jquery.disableAutoFill

Antworten

acedigibits

# 28. November 2018

Alle, die dieses Problem immer noch haben, entfernen Sie das Formular-Tag und das Problem ist gelöst. Verwenden Sie andere Methoden, um Ihr Formular zu übermitteln. Autocomplete zeigt Vorschläge für Eingaben innerhalb des Formular-Tags an.

Antworten

Mike Wax

# 27. Dezember 2018

Weiß jemand, wie man das jetzt in Chrome v71 entfernt? Es scheint, dass Chrome die Unterstützung für autocomplete="off" oder autocomplete="false" entfernt hat. Sogar autocomplete="new-password" funktioniert nicht mehr.

Ich benutze eine Eingabe, um ein jQuery-Filtering durchzuführen, aber die Autocomplete-Box in Chrome ragt immer über mein Dropdown.

Antworten

Tommy

# 22. März 2019

Hallo. Ich suche schon länger danach. Ich benutze WordPress. Schreibe ich das in die functions.php-Datei des Child-Themes? Wenn nicht, wo platziere ich all diesen Code?

Und um zu bestätigen, wird dies verhindern, dass alle Kunden auf ihren Geräten die Felder auf unserer Website automatisch ausfüllen?

Antworten

Divyansh Jain

# 5. Dezember 2019

Ich weiß nicht warum, aber das Setzen des Autocomplete-Attributs auf "off" hat bei mir in Google Chrome nicht funktioniert.

Antworten

Terry Lin

# 25. Februar 2021

Hallo.

Mein Plugin jQuery disableAutoFill Plugin.
https://github.com/terrylinooo/jquery.disableAutoFill ist aufgegeben. Die neue Version ist eine reine JavaScript-Bibliothek namens disableautofill.js.
Hier ist der Link: https://github.com/terrylinooo/disableautofill.js

Antworten

Kommentare

Hinterlassen Sie eine Antwort Antwort abbrechen