CSS経由でオートコンプリートを無効にする

CSSを使用してフォーム要素（特にテキストフィールド）のオートコンプリートを無効にすることはできますか？

オートコンプリート要素を許可しないタグライブラリを使用しています。JavaScriptを使用せずにオートコンプリートを無効にしたいのですが。

生成さidれたname毎回異なる値を使用できるため、ブラウザはこのテキストフィールドを記憶できず、いくつかの値を提案できません。

これは少なくともクロスブラウザーの安全な代替策ですが、RobertsonM（autocomplete="off"）の回答を使用することをお勧めします。

現状では、CSSには 'autocomplete off'属性はありません。ただし、htmlにはこのための簡単なコードがあります。

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

サイト全体のエフェクターを探している場合、簡単なのは、すべての「input」を実行してこのタグを追加するjs関数を用意するか、対応するcssクラス/ idを探すことです。

autocomplete属性はChromeとFirefox（！）で正常に動作しますが、HTMLフォームでオートコンプリートを無効にするW3Cの有効な方法はありますか？も参照してください。

jQueryで簡単に実装できます

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

を使用しているform場合は、すべてのオートコンプリートを無効にできます。

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

CSSにはこの機能はありません。クライアント側のスクリプトを使用する必要があります。

私はこの質問の回答やウェブの他の記事から提案された方法をすべて試しましたが、とにかく機能しませんでした。以下のようにクライアント側のスクリプトを使用してフォーム要素でautocomplete = "new-random-value"、autocomplete = "off"を試してみましたが、ユーザーの1人が言及したように$（document）.ready（）の外側にあります。

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

ブラウザーの別の優先順位がこの奇妙な動作を引き起こしていることに気づきました！それで私はより多くを検索し、最後に、この良い記事の行の下をもう一度注意深く読みました：

このため、最近のブラウザの多くは、ログインフィールドのautocomplete = "off"をサポートしていません。

サイトがにautocomplete = "off"を設定し、フォームにユーザー名とパスワードの入力フィールドが含まれている場合でも、ブラウザはこのログインを記憶することを提案し、ユーザーが同意すると、ブラウザは次回ユーザーがそれらのフィールドに自動入力するようにしますページにアクセスします。サイトがユーザー名とパスワードのフィールドにautocomplete = "off"を設定している場合でも、ブラウザはこのログインを記憶することを提案し、ユーザーが同意すると、ユーザーが次にページにアクセスしたときにブラウザはそれらのフィールドを自動入力します。これは、Firefox（バージョン38以降）、Google Chrome（34以降）、およびInternet Explorer（バージョン11以降）での動作です。

ユーザーが別のユーザーの新しいパスワードを指定できるユーザー管理ページを定義しているため、パスワードフィールドの自動入力を禁止する場合は、autocomplete = "new-password"を使用できます 。ただし、この値のサポートはFirefoxでは実装されていません。

うまくいきました。私は特別にChromeを試しましたが、これが機能し続け、他の人を助けることを願っています。

すべての入力に偽のオートコンプリート名を追加することで問題を解決しました。

$("input").attr("autocomplete", "fake-name-disable-autofill");

@ahhmarrの解決策のおかげで、Angular + ui-routerで同じ問題を解決することができました環境で。興味のある人のためにここで共有します。

私index.htmlには次のスクリプトを追加しました：

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

次に、状態の変化に対応するために、ルートコントローラーに次のコードを追加しました。

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

タイムアウトは、jqueryを適用する前にHTMLがレンダリングするためのものです。

より良い解決策を見つけた場合はお知らせください。

CSSを使用してオートコンプリートを無効にすることはできませんが、HTMLを使用することはできます。

<input type="text" autocomplete="false" />

技術的にはfalse、無効な値で置き換えることができ、機能します。このiOSは、Edgeでも機能する唯一の解決策です。

これには3つの方法があります。それらをより良い方法である順に説明します...

1-HTMLの方法：

<input type="text" autocomplete="false" />

2-JavaScriptの方法：

document.getElementById("input-id").getAttribute("autocomplete") = "off";

3-jQueryの方法：

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

'new-password'代わり'off'にオートコンプリートを使用します。

そして、私はこのコードを使用して試してみましたが（少なくとも私の端では）、私はあなたの情報のためにWPとGravityFormを使用しています

$('input').attr('autocomplete','new-password');

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