勉強したことのメモ

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

  関連記事

ブラウザがWebP対応の場合はそのまま表示し、非対応の場合はjpg/png画像を表示させる方法
ブラウザがWebP対応の場合はそのまま表示し、非対応の場合はjpg/png画像を表示させる方法

ページ表示時にブラウザがWebP画像に対応している場合はそのまま表示し、非対応の ...

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

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

スマホでページ内リンクからGoogleMapアプリを開く
スマホでページ内リンクからGoogleMapアプリを開く

スマホでWebページにあるリンクをクリックした際にGoogleMapアプリを表示 ...

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

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

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

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