HTML <input> autofocus属性

HTML <input> タグ

定義と使用方法

autofocus 属性はページ読み込み時にinput要素が自動的にフォーカスを取得する規定です。

autofocus 属性はボルン属性です。

この属性が設定されている場合、<input>要素がページ読み込み時に自動的にフォーカスを取得する規定です。

例

ページが読み込まれた際に「First name」の入力フィールドが自動的にフォーカスを取得するようにします：

<form action="/action_page.php">
  <label for="fname">名：</label>
  <input type="text" id="fname" name="fname" autofocus><br><br>
  <label for="lname">姓：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit">
</form>

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

文法

<input autofocus>

ブラウザのサポート

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 11.0 4.0 5.0 9.6

注記：autofocus 属性は HTML5 での新しい属性です。

HTML <input> タグ