autocomplete属性
属性 autocomplete は、フォームへの自動入力を無効にします。
自動入力とは、ブラウザが以前にそのフィールドに入力されたデータを提案して挿入することです。これは必ずしも便利とは限りません。たとえば、ブラウザがあなたのログイン名やパスワードを悪意のある人物に提示する可能性があります。秘密情報を入力するフィールドでは、自動入力を無効にする必要があります。
属性 autocomplete は、秘密の情報を隠すためだけに使用するわけではありません。例えば、テストの回答では自動入力を無効にできます。これは、テストを再受験する際にブラウザが答えを提案しないようにするためです(テストの面白さが失われます)。
値なしの属性として使用することも、値のいずれかを指定することもできます。
値
| 値 | 説明 |
|---|---|
on |
自動入力が有効(これがデフォルト値です)。 |
off |
自動入力が無効。 |
例
input で自動入力を有効にしてみましょう。例えば「autofill」という単語を入力し、送信ボタンをクリックします(これは必須です。ブラウザは送信された単語のみを記憶するため)。その後、例に戻り、文字「a」を入力すると、ブラウザは「autofill」という単語を提案し、全体を入力せずに選択できます:
<form action="">
<input type="text" autocomplete="on" name="test">
<input type="submit">
</form>
:
例
今度は自動入力を無効にしてみましょう。前の例と同じ操作を行いますが、提案は一切表示されません:
<form action="">
<input type="text" autocomplete="off" name="test">
<input type="submit">
</form>
:
関連項目
-
タグ
datalist,
独自のリストに基づいて自動入力を作成します