selected属性

option要素のselected属性は、ドキュメント読み込み時に、予め選択状態にしておく属性。

ブラウザ対応

構文

<option selected></option>

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

selected属性が存在する場合、ドキュメント読み込み時に、予め選択した状態で表示する。

サンプルコード

選択式メニュー

<select name="sampleName">
	<option>選択肢１</option>
	<option selected>選択肢２</option>
	<option>選択肢３</option>
</select>

複数選択可能な選択式メニュー

<select name="sampleName" multiple>
	<option selected>選択肢１</option>
	<option>選択肢２</option>
	<option selected>選択肢３</option>
</select>

サンプル

選択式メニュー

HTMLソースコード
<p>
	<select name="sampleName">
		<option>選択肢１</option>
		<option>選択肢２</option>
		<option selected>選択肢３</option>
		<option>選択肢４</option>
		<option>選択肢５</option>
	</select>
</p>
実際の表示

複数選択可能な選択式メニュー

HTMLソースコード
<p>
	<select name="sampleName" multiple>
		<option selected>選択肢１</option>
		<option>選択肢２</option>
		<option selected>選択肢３</option>
		<option>選択肢４</option>
		<option selected>選択肢５</option>
	</select>
</p>
実際の表示