autofocus属性

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

ブラウザ対応

構文

<select autofocus></select>

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

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

サンプルコード

<select autofocus>
	<option value="値A">選択肢A</option>
	<option value="値B">選択肢B</option>
	<option value="値C">選択肢C</option>
</select>

サンプル

HTMLソースコード

<form action="sample-select.php" method="post" target="_blank">
	<p>
		選択肢: 
		<select name="sampleName" autofocus>
			<option value="値A">選択肢A</option>
			<option value="値B">選択肢B</option>
			<option value="値C">選択肢C</option>
		</select>
	</p>
	<p>
		<button type="submit">送信</button>
	</p>
</form>

実際の表示

選択肢: