勉強したことのメモ

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

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

  HTML

あるformのテキストフィールド(input="text")でブラウザによる自動補完機能を無効化したかった。JavaScriptによる制御がいるのかと思いきやautocomplete属性というものがあるみたい。以下に利用方法等をメモ。

 

ソースコード

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

自動補完ありの場合はon、無しの場合はoffを指定すること。

 

リファレンス

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

 - HTML

  関連記事

HTMLにてaタグクリック時にping属性のデータをPHPで受け取る方法

HTMLのaタグにping属性というものを設定できるらしく、設定したリンクをクリ ...

フォームでカラーコードを入力したい際にプラグイン無しでピッカー機能を搭載する方法

あるフォームの項目でカラーコードを入力したいというケースがあった。だいぶ前に同じ ...

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

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

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

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

HTML5のカレンダーピッカーについて(input type="date")

とあるシステムのフォーム部分を改修する案件があった為、内容を確認していると日付入 ...