1. 使用介紹

label中的for屬性規定了label與哪個表單元素綁定。for屬性的值和表單元素的id值一樣，即可完成該label標簽與該表單元素的綁定。

<label for="test">label標簽</label> <input type="text" id="test">

如上所示，該label便簽和input便簽完成了綁定，當鼠標點擊“label標簽”時，input元素會被觸發，用戶即可完成輸入。

2. 為什么要給label標簽加上for屬性呢？

label標簽加上for屬性綁定了表單元素后，可以提高用戶體驗。
當點擊label標簽內的文本后，就會觸發綁定的表單元素。也就是說，當用戶渲染該標簽時，瀏覽器就會自動將焦點轉到綁定的表單控件上。

ps：表單控件

input、select、textarea、button和h5的datalist、keygen、output。
其中當label標簽和select標簽綁定后，點擊label標簽文本內容，不能觸發select便簽。

總結

以上是生活随笔為你收集整理的label标签中的for属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。