HTMLオートコンプリート属性
定義と使用法
この
autocomplete属性は、フォームまたは入力フィールドのオートコンプリートをオンにするかオフにするかを指定します。
オートコンプリートを使用すると、ブラウザで値を予測できます。ユーザーがフィールドの入力を開始すると、ブラウザーは、以前に入力された値に基づいて、フィールドに入力するためのオプションを表示する必要があります。
ヒント：フォームのオートコンプリートを「オン」にしたり、特定の入力フィールドを「オフ」にしたり、またはその逆を行うことができます。
注：この
autocomplete属性は、
<input>テキスト、検索、URL、電話、電子メール、パスワード、日付ピッカー、範囲、および色のタイプで機能します。
に適用されます
この
autocomplete属性は、次の要素で使用できます。
| 要素 | 属性 |
|---|---|
| <フォーム> | オートコンプリート |
| <入力> | オートコンプリート |
例
フォームの例
オートコンプリートがオンになっているフォーム：
<form action="/action_page.php" method="get" autocomplete="on">
First name:<input type="text" name="fname"><br>
E-mail: <input type="email" name="email"><br>
<input type="submit">
</form>
入力例
オートコンプリートがオン（および1つの入力フィールドに対してオフ）のHTMLフォーム：
<form action="/action_page.php" autocomplete="on">
First name:<input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
E-mail: <input type="email" name="email" autocomplete="off"><br>
<input type="submit">
</form>
ブラウザのサポート
このautocomplete属性では、要素ごとに次のブラウザがサポートされています。
| Element | |||||
|---|---|---|---|---|---|
| form | Yes | Yes | 4.0 | 5.2 | 15.0 |
| input | 17.0 | 5.0 | 4.0 | 5.2 | 9.6 |