勉強したことのメモ

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

  関連記事

formでdisplay:none;にしてても送信される
formでdisplay:none;にしてても送信される

formで特定の部分をdisplay:none;で非表示にしてても 内容は送信さ ...

lazyload.js等のライブラリを使わずHTMLのみで画像の遅延読み込みを行う方法
lazyload.js等のライブラリを使わずHTMLのみで画像の遅延読み込みを行う方法

画像を遅延読み込みさせるとなるとだいぶ前に書いたlazyload.jsを用いる方 ...

同一フォーム内でクリックするボタンによって送信先を変更する方法
同一フォーム内でクリックするボタンによって送信先を変更する方法

同一フォーム内で「登録する」ボタンと「プレビュー」ボタンを用意し、「登録する」を ...

HTML5のGeolocation APIで位置情報を取得してGoogleMapAPIで使用する方法
HTML5のGeolocation APIで位置情報を取得してGoogleMapAPIで使用する方法

GPSみたいな位置情報を取得しGoogleMapAPIでその場所を反映させたかっ ...

フォームの入力内容をjQueryで取得し、本文として設定した上でメーラーを起動させる方法
フォームの入力内容をjQueryで取得し、本文として設定した上でメーラーを起動させる方法

formで何らかを入力してもらいボタンをクリックするとメーラーが開き、先ほど入力 ...