Deaktivieren Sie die automatische Vervollständigung über CSS

Ist es möglich, mit CSS zu deaktivieren AutoVervollständigen auf ein Formular-element (speziell ein textfield)?

Verwende ich eine tag-Bibliothek, die gestattet nicht, dass die AutoVervollständigen-element und das möchte ich deaktivieren Sie die AutoVervollständigen-ohne Verwendung von Javascript.

InformationsquelleAutor der Frage David | 2010-02-02

  1. 31

    Können Sie eine generierte id und name everytime, das ist unterschiedlich, so dass der browser kann sich nicht erinnern, diesen text-Feld und wird nicht vorschlagen, einige Werte.

    Dies ist zumindest die cross-browser-die sichere alternative, aber ich würde empfehlen, Sie gehen mit der Antwort von RobertsonM (autocomplete="off").

    InformationsquelleAutor der Antwort codevour

  2. 106

    So wie es da steht, gibt es keine "autocomplete off" - Attribut in CSS. Aber html ist ein einfach code für diese:

    <input type="text" id="foo" value="bar" autocomplete="off" />

    Wenn Sie auf der Suche für eine Website-weite Effektor, einfach wäre einfach eine js-Funktion, die durch alle 'input' s, und fügen Sie dieses tag, oder schauen Sie für die entsprechende css-Klasse /id.

    Dem autocomplete-Attribut funktioniert in Chrome und Firefox (!), siehe aber auch Gibt es eine W3C-Valide Möglichkeit zum deaktivieren von AutoVervollständigen in einem HTML-Formular?

    InformationsquelleAutor der Antwort RobertsonM

  3. 41

    können Sie ganz einfach implementieren, indem Sie jQuery

    $('input').attr('autocomplete','off');

    InformationsquelleAutor der Antwort ahhmarr

  4. 12

    CSS nicht über diese Fähigkeit. Sie müssten verwenden Sie die client-side-scripting.

    InformationsquelleAutor der Antwort Sampson

  5. 12

    Wenn Sie einen form Sie können deaktivieren Sie alle autocompletes mit,

    <form id="Form1" runat="server" autocomplete="off">

    InformationsquelleAutor der Antwort Ernest

  6. 1

    Dank @ahhmarr ist Lösung, die ich in der Lage war zu lösen, das gleiche problem in meinem Eckig+ui-router Umgebung, die ich teilen werde hier für jeden, der interessiert ist.

    In meinem index.html ich habe das folgende Skript:

    <script type="text/javascript">
    setTimeout(function() {
        $('input').attr('autocomplete', 'off');
    }, 2000);
</script>

    Dann zu decken, Status-änderungen, die ich Hinzugefügt habe Folgendes in meinem root-controller:

    $rootScope.$on('$stateChangeStart', function() {
                $timeout(function () {
                    $('input').attr('autocomplete', 'off');
                }, 2000);
            });

    Die timeouts sind für das html zu Rendern, bevor die jquery.

    Wenn Sie finden, eine bessere Lösung bitte lassen Sie mich wissen.

    InformationsquelleAutor der Antwort TrampGuy

  7. -2
    $('input').attr('autocomplete','off');

    InformationsquelleAutor der Antwort rohit

Schreibe einen Kommentar