label属性

optgroup要素のlabel属性は、グループ名を指定する必須属性。

ブラウザ対応

構文

<optgroup label="グループ名"></optgroup>

label属性には、グループ名を指定する。

サンプルコード

<select>
	<optgroup label="グループＡ">
		<option value="値１">選択肢１</option>
		<option value="値２">選択肢２</option>
		<option value="値３">選択肢３</option>
	</optgroup>
	<optgroup label="グループＢ">
		<option value="値４">選択肢４</option>
		<option value="値５">選択肢５</option>
		<option value="値６">選択肢６</option>
	</optgroup>
</select>

サンプル

HTMLソースコード

<form action="sample-select.php" method="post" target="_blank">
	<p>
		選択肢： 
		<select name="sampleName">
			<optgroup label="グループＡ">
				<option>選択肢１</option>
				<option>選択肢２</option>
				<option>選択肢３</option>
			</optgroup>
			<optgroup label="グループＢ">
				<option>選択肢４</option>
				<option>選択肢５</option>
				<option>選択肢６</option>
			</optgroup>
			<optgroup label="グループＣ">
				<option>選択肢７</option>
				<option>選択肢８</option>
				<option>選択肢９</option>
			</optgroup>
		</select>
	</p>
	<p>
		<button type="submit">送信</button>
	</p>
</form>

実際の表示

選択肢：