disabled属性

option要素のdisabled属性は、option要素を無効にする属性。

ブラウザ対応

構文

<option disabled></option>

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

disabled属性が存在する場合、そのoption要素は無効になる。

サンプルコード

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

選択肢２は選択できない。

サンプル

HTMLソースコード

<form action="sample-option.php" method="post" target="_blank">
	<p>
		選択肢： 
		<select name="sampleName">
			<option disabled>選択肢１</option>
			<option>選択肢２</option>
			<option disabled>選択肢３</option>
			<option>選択肢４</option>
			<option disabled>選択肢５</option>
			<option>選択肢６</option>
		</select>
	</p>
	<p>
		<button type="submit">送信</button>
	</p>
</form>

実際の表示

選択肢：