一、使用介紹

<label>專為input元素服務，為其定義标記。

for屬性規定label與哪個表單元素綁定

label和表單控件綁定方式又兩種：

1、将表單控件作為label的内容，這樣就是隐士綁定。

此時不需要for屬性，綁定的控件也不需要id屬性。

隐式綁定：
<label>Date of Birth: <input type="text" name="DofB" /></label>

2、為<label>标簽下的for屬性命名一個目标表單的id，這就是顯示綁定。

顯式綁定：
<label for="SSN">Social Security Number:</label>
<input type="text" name="SocSecNum" id="SSN" />

二、為什麼要給<label>加上for屬性

給<label>加了for屬性綁定了input控件後，可以提高滑鼠使用者的使用者體驗。

如果在label元素内點選文本，就會觸發此控件。就是說，當使用者渲染該标簽時，浏覽器就會自動将焦點轉到和标簽相關的表單控件上。

部落格園團隊：抱歉！又拍雲又出故障了，現在無法上傳圖檔。09:35

哎，昨天晚上就不能上傳了，是以圖檔就不傳了。

部落格園團隊：由于又拍雲再次故障，正在将圖檔上傳切換回我們的伺服器 2015-06-02 10:10

效率還挺高的。

html5給<label>新增了一個form屬性來規定label所屬的一個或多個表單，多個表單用空格分隔。還沒真正用過，用到補充。

如果覺得本文對您有幫助~可以支付寶(左)或微信支援一下：

看到小夥伴打賞時給我寫一些鼓勵的話，真的非常感動，謝謝你們。

我開了個微信公衆号（第三個二維碼）用來分享自己的職場英語相關學習經驗，感興趣可以關注，我會不斷更新～