label要素・labalタグとは

コントロールに追加情報を与えるlabel要素

自分はブロック要素かインライン要素か インライン
含むことができる要素型 インライン要素
名称の由来 はり札、付箋、ラベルを意味する単語

label要素はフォームコントロールに追加情報を与えるために利用されます。

for属性を使用して、ラベルとコントロールを関連付けることが可能です。ラベル要素がフォーカスを受けた場合、関連付いているコントロールにフォーカスが渡されます。

[htmlsrc]
<label for="firstname">名: </label>
<input type="text" id="firstname" /><br />
<label for="lastname">姓: </label>
<input type="text" id="lastname" /><br />
[attr]
for = idref
ラベルと結び付けるコントロールのid属性値を設定する。
[/attr]

for属性を利用せずに暗示的にコントロールと関連付けることができることも可能です。その方法は、関連させたいコントロールをlabel要素の子とすることです(ラベル要素の内部にinput要素を記述する)。この場合、label要素が子にできるのは1つコントロールだけになります。

具体例を以下に示します。

<label>名: 
  <input type="text" name="firstname" />
</label>

コメントを残す

メールアドレスが公開されることはありません。