autofocus属性

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

ブラウザ対応

構文

<select autofocus></select>

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

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

サンプルコード

<select autofocus>
	<option value="値Ａ">選択肢Ａ</option>
	<option value="値Ｂ">選択肢Ｂ</option>
	<option value="値Ｃ">選択肢Ｃ</option>
</select>

サンプル

HTMLソースコード

<form action="sample-select.php" method="post" target="_blank">
	<p>
		選択肢： 
		<select name="sampleName" autofocus>
			<option value="値Ａ">選択肢Ａ</option>
			<option value="値Ｂ">選択肢Ｂ</option>
			<option value="値Ｃ">選択肢Ｃ</option>
		</select>
	</p>
	<p>
		<button type="submit">送信</button>
	</p>
</form>

実際の表示

選択肢：