disabled属性

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

ブラウザ対応

構文

<input disabled>

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

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

disabled属性に対応しているinput要素のタイプ(type属性値)

サンプルコード

1行テキスト入力欄

<input type="text" disabled>

チェックボックス

<input type="checkbox" disabled>

ラジオボタン

<input type="radio" disabled>

送信ボタン

<input type="submit" disabled>

サンプル

HTMLソースコード

<p>
	<label>
		1行テキスト入力欄:
		<input type="text" name="sampleText" disabled>
	</label>
</p>
<p>
	<label>
		チェックボックス:
		<input type="checkbox" name="sampleCheckbox" disabled>
	</label>
</p>
<p>
	<label>
		ラジオボタン:
		<input type="radio" name="sampleRadio" disabled>
	</label>
</p>
<p>
	<label>
		送信ボタン:
		<input type="submit" name="sampleSubmit" disabled>
	</label>
</p>

実際の表示