label属性

option要素のlabel属性は、選択肢名を指定する属性。

ブラウザ対応

構文

<option label="選択肢名"></option>

選択肢名を指定する。

label属性が存在する場合、option要素内のテキストよりも優先される。

サンプルコード

<select name="sampleName">
	<option>選択肢1</option>
	<option label="ラベル2">選択肢2</option>
	<option>選択肢3</option>
</select>

サンプル

HTMLソースコード

<form action="sample-option.php" method="post" target="_blank">
	<p>
		選択肢: 
		<select name="sampleName">
			<option label="ラベル1">選択肢1</option>
			<option>選択肢2</option>
			<option label="ラベル3">選択肢3</option>
		</select>
	</p>
	<p>
		<button type="submit">送信</button>
	</p>
</form>

実際の表示

選択肢: