一、使用介紹
<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所屬的一個或多個表單,多個表單用空格分隔。還沒真正用過,用到補充。