HTMLのformでオートコンプリートを無効にする
2024/02/25
WordPressでタグ入力はオートコンプリートが効かず、他のフォームではオートコンプリートが効いており、違いが何なのか気になった。ソースを見てみるとinput要素に対してautocomplete属性がついていた。
ソースコード
<input type="text" name="test" autocomplete="off">
上記の形で書くとオートコンプリートが無効になる。
onにしたりautocomplete属性を書かない場合は有効になるよう。あまり使いどころは思いつかないけど、覚えておく。
リファレンス
https://developer.mozilla.org/ja/docs/Web/HTML/Attributes/autocomplete
関連記事
-
-
formでファイルを選択した際にファイル名やサイズ、形式を調べる方法
フォームで画像などをアップロードする際に「ファイルサイズが大きすぎないか？」「拡 ...
-
-
HTML内に動画(mp4ファイル)を埋め込んで配信する方法
Webページ内にYoutubeとかを用いずに動画(mp4)ファイルを配信したいと ...
-
-
formのinput="file"でディレクトリを選択させ、ディレクトリ内のファイルを全てアップロードする方法
フォームで複数のファイルをアップロードしたい場合、input="file"を複数 ...
-
-
フォームでカラーコードを入力したい際にプラグイン無しでピッカー機能を搭載する方法
あるフォームの項目でカラーコードを入力したいというケースがあった。だいぶ前に同じ ...
-
-
HTML5のGeolocation APIで位置情報を取得してGoogleMapAPIで使用する方法
GPSみたいな位置情報を取得しGoogleMapAPIでその場所を反映させたかっ ...