勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

HTMLのformでオートコンプリートを無効にする

   2024/02/25  HTML

WordPressでタグ入力はオートコンプリートが効かず、他のフォームではオートコンプリートが効いており、違いが何なのか気になった。ソースを見てみるとinput要素に対してautocomplete属性がついていた。

 

ソースコード

<input type="text" name="test" autocomplete="off">

上記の形で書くとオートコンプリートが無効になる。

onにしたりautocomplete属性を書かない場合は有効になるよう。あまり使いどころは思いつかないけど、覚えておく。

 

リファレンス

https://developer.mozilla.org/ja/docs/Web/HTML/Attributes/autocomplete

 - HTML

  関連記事

HTMLのimgタグでブラウザ幅によって異なる画像を表示する方法
HTMLのimgタグでブラウザ幅によって異なる画像を表示する方法

あるサイトのコーディングデータを貰った際に1つのimgタグに対して複数の画像が指 ...

Googleカレンダーに追加する(予定を登録する)リンクを設置する方法
Googleカレンダーに追加する(予定を登録する)リンクを設置する方法

あるサイトに「Googleカレンダーに追加する(予定を登録する)ボタンを設置して ...

HTMLで画像の指定した部分のみリンクを設定する方法
HTMLで画像の指定した部分のみリンクを設定する方法

画像を表示させて、その画像の一部分のみにリンクを張りたかった。画像を重ね合わせた ...

フォームのテキストボックスでブラウザによる自動補完を無効にする方法
フォームのテキストボックスでブラウザによる自動補完を無効にする方法

あるformのテキストフィールド(input="text")でブラウザによる自動 ...

formでファイルを選択した際にファイル名やサイズ、形式を調べる方法
formでファイルを選択した際にファイル名やサイズ、形式を調べる方法

フォームで画像などをアップロードする際に「ファイルサイズが大きすぎないか?」「拡 ...