[解決済み] HTMLフォームのオートコンプリートを無効にするW3Cの有効な方法はありますか?
質問
を使用する場合
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に掲載されています。
関連
-
[解決済み] slackのチームIDやチャンネルIDを調べる最も簡単な方法は何ですか?
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] HTMLにPDFを埋め込むおすすめの方法とは?
-
[解決済み] input type="date "のフォーマットを変更する方法はありますか?
-
[解決済み] HTMLでBase64画像を表示する方法
-
[解決済み] HTML5で(非空白の)自己閉鎖タグは有効ですか?
-
[解決済み] HTMLフォームのSELECTタグ/入力の読み取り専用化
-
[解決済み] CSSでdivを縦にスクロールできるようにする
-
[解決済み] HTML5 form 要素の検証を無効にする
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
ローカルリソースのロードが許可されていない問題を解決する
-
[解決済み] BootstrapのCollapse Navbarが動作しない
-
[解決済み] HTMLにおける'"'エンティティの使用法
-
[解決済み] HTML IFステートメント
-
[解決済み] 画像の横のテキストを縦に揃える?
-
[解決済み] divの内容を下に揃える方法
-
[解決済み] HTML5でfloat入力タイプはありますか?
-
[解決済み] 特定のクラスや属性を持たない要素を選択するCSSセレクタは書けますか?
-
[解決済み] Do I use <img>, <object>, or <embed> for SVG files?
-
[解決済み] ブラウザのキャッシュをプログラムで空にするには?