autocomplete 属性は、フォームや入力フィールドのオートコンプリートを on に off にするかを指定します。
オートコンプリートは、ブラウザが値を予測することを可能にします。ユーザがフィールドに入力を開始すると、 ブラウザは、以前入力した値に基づいて、フィールドに入力するための選択肢を表示します。
チップ: フォームのオートコンプリートを "on" にして、特定の入力フィールドを "off" にすることも、その逆も可能です。
注: autocomplete 属性は、次の <input> タイプで動作します： text、search、url、tel、email、password、datepickers、range、color。
autocomplete 属性は、以下の要素で使用することができます：
| 要素 | 属性 |
|---|---|
| <form> | autocomplete |
| <input> | autocomplete |
オートコンプリートが on のフォーム：
<form action="demo_form.html" method="get" autocomplete="on">
First name:<input type="text" name="fname"><br>
E-mail: <input type="email" name="email"><br>
<input type="submit">
</form>
Try it Yourself ❯
オートコンプリートが on（且つ、入力フィールの一つが off） の HTML フォーム：
<form action="demo_form.html" 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>
Try it Yourself ❯
autocomplete 属性は、要素ごとに以下のブラウザがサポートしています。
| 要素 | |||||
|---|---|---|---|---|---|
| form | Yes | Yes | 4.0 | 5.2 | 15.0 |
| input | 17.0 | 5.0 | 4.0 | 5.2 | 9.6 |