label要素
label要素はフォームパーツにラベルを関連付けるための要素です。
<form action="http://www.google.com/search" method="get">
<label>Google: <input type="search" name="q"></label>
<input type="submit" value="Search...">
</form>for属性を利用するか、label要素で包むことにより関連付けを行うことができます。
for属性
lable要素にfor属性をつけることで、同じ内容のid属性を持つ要素と関連付けられます。
<form action="http://www.google.com/search" method="get">
<label for="key">Google: </label><input id=" key"type="search" name="q">
<input type="submit" value="Search...">
</form>form属性
次のようにform要素のid属性をform属性に指定することでlabel要素とform要素は関連付けられ、フォームの送信時にlabel要素内のデータも送信されます。
<form id="form01" action="target.php">
<input type="submit" value="送信">
</form>
<label form="form01">
<input type="hidden" name="bar">
<label>参考URL
4.10.4 The label element - HTML5 - W3C
4.10.4 The label element - HTML5.1 - W3C
登録日 : 2014年07月27日 最終更新日 : 2015年10月12日