1、概念

• label 標簽為 input 元素定義標記
• label 元素不會呈現(xiàn)任何特殊效果

2、作用

• 為鼠標用戶改進了可用性，用戶體驗較好

3、實例

• label 標簽的 for 屬性應當與相關元素的 id 屬性相同
  因為label的for屬性，它為label指定了一個目標，一般是一個form表單內元素的id，這樣就可以把這個label與該id 元素關聯(lián)起來，當點擊label內的文本時，就會觸發(fā)此控件，讓該id也獲得焦點

• 原始代碼

 <input type="radio" name="demo" value="1"/>選項1
 <input type="radio" name="demo" value="2"/>選項2

• 效果：一定要點擊單選的圓圈上，才能選中
• 改進代碼

 <input type="radio" id="demo1" name="demo" value="1"/>
<label for="demo1">選項1</label>
 <input type="radio" id="demo2" name="demo" value="2"/>
<label for="demo2">選項2</label>

• 效果：只要點擊了label里的文字，就可以選中

• 如果不想給label加for屬性，也可以用label把input包起來

 <label><input type="radio" name="demo" value="1"/>選項1</label>
 <label><input type="radio" name="demo" value="2"/>選項2</label>

• 但推薦input與label分離的模式，因為這樣更靈活，不受位置的約束，只要for 屬性與相關的 id 屬性相同就可以

參考文章中推薦：
容易被忽略的label標簽
基礎HTML： label標簽的for屬性