勉強したことのメモ

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

  関連記事

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

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

mp3ファイルのアップロードと再生方法
mp3ファイルのアップロードと再生方法

mp3ファイルをformでアップロードしたかったのと、Webサイト上で再生したか ...

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

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

HTMLでContent Security Policyの設定方法
HTMLでContent Security Policyの設定方法

Content Security Policyの設定をする事があった。Conte ...

formのinput=
formのinput="file"でディレクトリを選択させ、ディレクトリ内のファイルを全てアップロードする方法

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