勉強したことのメモ

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

  関連記事

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

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

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

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

スマホでフォームの画像アップロード部分でカメラを起動させる方法

formの画像アップロード部分で、スマホの場合にカメラで撮影させたい。以下に対応 ...

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

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

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

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