autofocus属性

input要素のautofocus属性は、オートフォーカスさせる属性。HTML5にて新たに導入された属性である。

ブラウザ対応

構文

<input autofocus>

autofocus属性は、論理属性である。

autofocus属性が存在する場合、ページ読み込み時にオートフォーカスする。

autofocus属性に対応しているinput要素のタイプ（type属性値）

text search tel url email password date time number range color checkbox radio file submit image reset button

サンプルコード

１行テキスト入力欄

<input autofocus>

カラー入力欄

<input type="color" autofocus>

サンプル

HTMLソースコード

<p>
	<label>
		オートフォーカス：
		<input autofocus>
	</label>
</p>

実際の表示

サンプルの動作について

ページを読み込むと、「オートフォーカス：」の右横の１行テキスト入力欄にフォーカスを当てるので、入力欄でカーソルが点滅する。