HTML

<label> ラベル

詳細を開く 詳細を閉じる

ラベル : <label>

  • <label>要素は、<form>内の各コントロールに文字列(名前)をつけるのに使います。
  • <label>なしで文字列を追加した場合、その文字列をクリックしても該当するコントロールを選択したことになりません。
  • <label>でコントロールと文字列を囲むと、その文字列をクリックしても該当するコントロールを選択したことになります。

ラベルなし

  • 「名前:」など文字列の部分をクリックしても、選択できません。

別ウィンドウで表示

<form action="../aaa.php" method="GET">

	名前:<input type="text" name="t">
<br>
	
	<input type="radio" name="r" 
		   value="f">女
	<input type="radio" name="r" 
		   value="m">男
<br>

	<input type="checkbox" name="c" 
		   value="on">確認
<br>

<input type="submit" value="送信">

</form>

ラベルあり

  • 「名前:」など文字列の部分をクリックすると、該当するコントロールを選択できます。

別ウィンドウで表示

<form action="../aaa.php" method="GET">

<label>
	名前:<input type="text" name="t">
</label>
<br>
	
<label>
	<input type="radio" name="r" 
		   value="f">女
</label>
<label>
	<input type="radio" name="r" 
		   value="m">男
</label>
<br>

<label>	
	<input type="checkbox" name="c" 
		   value="on">確認
</label>
<br>

<input type="submit" value="送信">

</form>
詳細を開く 詳細を閉じる
詳細を開く詳細を閉じるページの先頭へ