為了觸發控件

簡單點說就是：比如單選按鈕，你的鼠標不需要非得點到多選框才可以選擇，點擊多選按鈕后面的文本也可以選擇上此選項。

例：

<label for="man">男</label>

<input type="redio"? name="gender" id="man" />

<label for="woman">女</label>

<input type="redio" ?name="gender" id="woman" />

PS: for屬性的值要和控件ID的屬性值相同，即 for="woman"??? id="woman"? 這個兩個值

自己試著做一下實驗其實就很明白了。

label標簽不會向用戶呈現任何特殊效果，它的作用是為鼠標用戶改進了可用性。如果你在 label 標簽內點擊文本，就會觸發此控件。就是說，當用戶單擊選中該label標簽時，瀏覽器就會自動將焦點轉到和標簽相關的表單控件上（就自動選中和該label標簽相關連的表單控件上）。

語法：

<label for="控件id名稱">

注意：標簽的?for 屬性中的值應當與相關控件的?id 屬性值一定要相同。

例子：

<form>
?<label for="male">男</label>
?<input type="radio" name="gender" id="male" />
?<br />
?<label for="female">女</label>
?<input type="radio" name="gender" id="female" />
?<label for="email">輸入你的郵箱地址</label>
?<input type="email" id="email" placeholder="Enter email">
</form>

<lable></lable> 這對標簽的的微妙之處在于，當想選中文本框，不必非得在框內點擊鼠標，直接點擊由lable 標簽標記的文本上即可, 相當于給form 表單的input 元素添加了一個感應區。

廢話少說, 舉例如下:
例子1: 點擊" 用戶名:" 就可以定位光標到輸入框
<form>
<label for="myid "> 用戶名:</label>
<input type="text" id="myid" />
</form>

例子2: 點擊" 用戶名:" 或按鍵alt+1, 都可以定位光標到輸入框
<form>
<label for="myid" accesskey="1"> 用戶名:</label>
<input type="text"?? id="myid" tabindex="1" />
</form>

總結:
FOR 屬性
??? 功能：表示Label 標簽要綁定的HTML 元素，你點擊這個標簽的時候，所綁定的元素將獲取焦點。
??? 用法：<Label FOR="InputBox"> 姓名</Label><input ID="InputBox" type="text"/>

ACCESSKEY 屬性：
??? 功能：表示訪問Label 標簽所綁定的元素的熱鍵，當您按下熱鍵，所綁定的元素將獲取焦點。
??? 用法：<Label FOR="InputBox" ACCESSKEY="N"> 姓名</Label><input ID="InputBox" tabindex="N" type="text"/>

局限性：accessKey 屬性所設置的快捷鍵不能與瀏覽器的快捷鍵沖突，否則將優先激活瀏覽器的快捷鍵。
PS: 這種用法并不僅僅局限于input 元素, 其它的也是可以的

label往往出現在表單中，在表單中用label標簽是為了提高用戶體驗

html代碼：
<label for="user">用戶名</label>
< input type="text" value="請輸入用戶名" id="user" />

這樣，用戶只要點擊“用戶名”，鼠標的光標就會自動捕獲input的焦點
注：label中for的值必須要等于input中的id值

用label標簽僅僅是為了提高用戶體驗，當然你也可以用div，em, p, span等也可以，并沒有一個明確的規定

希望對你有所幫助