for属性

label要素のfor属性は、ラベル付け対象であるラベル付け可能フォーム関連要素のid属性値を指定する属性。

ブラウザ対応

構文

<label for="ラベル付け対象要素のid属性値"></label>

ラベル付け対象要素のid属性値

ラベル付け対象であるラベル付け可能フォーム関連要素のid属性値を指定する。

要点

サンプルコード

<label for="sampleId">チェックボックス： </label>
<input type="checkbox" name="sampleName" value="sampleValue" id="sampleId">

サンプル

HTMLソースコード

<p>
	<label for="sampleCheckbox">チェックボックス： </label>
	<input type="checkbox" name="sampleCheckbox" value="sampleCheckboxValue" id="sampleCheckbox">
</p>
<p>
	<label for="sampleRadioA">ラジオボタンＡ： </label>
	<input type="radio" name="sampleRadio" value="sampleRadioValueA" id="sampleRadioA"><br>
	<label for="sampleRadioB">ラジオボタンＢ： </label>
	<input type="radio" name="sampleRadio" value="sampleRadioValueB" id="sampleRadioB">
</p>
<p>
	<label for="sampleText">テキスト入力欄： </label>
	<input type="text" name="sampleText" id="sampleText">
</p>
<p>
	<label for="sampleTextarea">
		テキストエリア：<br>
		<textarea name="sampleTextarea" id="sampleTextarea"></textarea>
	</label>
</p>

実際の表示