label的for屬性


一、使用介紹

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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM