1. ホーム
  2. html

[解決済み] HTMLフォームのオートコンプリートを無効にするW3Cの有効な方法はありますか?

2022-03-23 09:04:24

質問

を使用する場合 xhtml1-transitional.dtd doctypeでクレジットカード番号を収集する場合は、以下のHTMLを使用します。

<input type="text" id="cardNumber" name="cardNumber" autocomplete='off'/>

は、W3C Validator で警告を表示します。

autocomplete"という属性はありません。

フォームの重要なフィールドでブラウザのオートコンプリートを無効にするW3C/標準の方法はありますか?

解決方法は?

これ は、フォームのオートコンプリートに関する問題点(および解決策)を説明したMDCの良い記事です。 Microsoftも似たようなものを発表しています。 こちら もあります。

正直なところ、これがユーザーにとって重要なことであれば、このように標準を「破る」ことは適切であると思われます。例えば、Amazonは「オートコンプリート」属性をかなり使っていて、うまく機能しているようです。

警告を完全に除去したい場合は、JavaScriptを使用して、その属性をサポートするブラウザ(IEとFirefoxが重要なブラウザです)に適用することができます。 someForm.setAttribute( "autocomplete", "off" ); someFormElm.setAttribute( "autocomplete", "off" );

最後に、あなたのサイトがHTTPSを使用している場合、IEは自動的にオートコンプリートをオフにします(私が知る限り、他のいくつかのブラウザも同様です)。

更新情報

この回答にはまだかなりの数のupvoteがあるので、HTML5ではform要素に「autocomplete」属性を使用できることを指摘しておきたいと思います。たとえば ドキュメント W3Cに掲載されています。