HTML <input> autocomplete 属性

HTML <input> タグ

定義と使用法

autocomplete 属性は、入力フィールドが自動完了を有効にするかどうかを指定します。

自動完了は、ブラウザが値を予測するを許可します。ユーザーがフィールドに内容を入力し始めたとき、ブラウザはそのフィールドを埋めるために使用されるオプションを表示するために、以前に入力された値に基づいて動作します。

注意：autocomplete この属性は以下の入力タイプに適用されます：

  • text
  • search
  • url
  • tel
  • email
  • password
  • datepickers
  • range
  • color

例

自動完了を有効にするHTMLフォーム、自動完了をオフにする入力フィールドを含んでいます：

<form action="/action_page.php" autocomplete="on">
  <label for="fname">名字：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">姓氏：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <label for="email">メール：</label>
  <input type="email" id="email" name="email" autocomplete="off"><br><br>
  <input type="submit">
</form>

実際に試してみてください

構文

<input autocomplete="on|off">

属性値

値 説明
on デフォルト。自動完成をオンに設定（有効に）。
off 自動完成をオフに設定（無効に）。

ブラウザのサポート

表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
17.0 6.0 2.0 5.1 10.0

ヒント：一部のブラウザでは、自動完成機能を手動で有効にする必要がある場合があります（ブラウザのメニューの「設定」を参照してください）。

注釈：autocomplete 属性は HTML5 での新しい属性です。

HTML <input> タグ