1. 程式人生 > >

<label>定義和用法

<label> 標籤為 input 元素定義標註(標記)。

label 元素不會向用戶呈現任何特殊效果。不過,它為滑鼠使用者改進了可用性。如果您在 label 元素內點選文字,就會觸發此控制元件。就是說,當用戶選擇該標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控制元件上。

<label> 標籤的 for 屬性應當與相關元素的 id 屬性相同。

屬性 for 

通過設定和 <input >元素的 id 值一致的值,繫結在這個  <input >元素上。

  <label for="male"

>Male</label>  <input type="radio" id="male" />

這裡  <label> 的 for屬性值為 "male",   <input > 的 id 屬性值也為 "male",實現兩個元素繫結。

<form>
  <label for="male">Male</label>
  <input type="radio" name="sex" id="male" />
  <br />
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female" />
</form>