勉強したことのメモ

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のinput="file"でディレクトリを選択させ、ディレクトリ内のファイルを全てアップロードする方法

フォームで複数のファイルをアップロードしたい場合、input="file"を複数 ...

HTMLとJavaScriptのソースコードの暗号化(難読化)

サーバーサイドはソースを見られないけどクライアントサイドはソースを見られるので、 ...

FileReader APIを用いて画像をアップロードせずにサムネイル表示

以前にFile APIを用いてファイル名やサイズ、形式(拡張子)を取得するメモを ...

form送信後にURLにアンカータグ(ハッシュタグ)をつける方法

フォームからGETもしくはPOSTで送信し、その後のURLにアンカータグ(ハッシ ...

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

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