[HTML] ブラウザのオートコンプリートをオフにする方法

Webシステム開発

[HTML] ブラウザのオートコンプリートをオフにする方法

過去の入力履歴を参照して次の入力内容を予想してあらかじめ表示する『オートコンプリート』機能。便利な反面、誤入力を生みやすく、場合によっては非表示にしたい(オートコンプリートを出したくない)時があります。
ブラウザの設定でオートコンプリートをオンにしていてもHTML側からオフに制御する方法は以下から。

ブラウザのオートコンプリートをオフにする方法

formパーツのinput要素などに使用できる『autocomplete属性』を使用します。

<form action="./" method="post">
<input type="text" name="hoge" autocomplete="off" />
</form>

formタグ自体に指定することによって、form内の全要素に適用する事もできます。

<form action="3/" method="post" autocomplete="off">
<input type="text" name="hoge" />
<input type="text" name="moge" />
</form>
<!-- hoge、mogeともにオートコンプリートがオフになる -->

コメント

タイトルとURLをコピーしました