1. 使用介紹

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

<label for="test">label標(biāo)簽</label> <input type="text" id="test">

如上所示，該label便簽和input便簽完成了綁定，當(dāng)鼠標(biāo)點(diǎn)擊“l(fā)abel標(biāo)簽”時，input元素會被觸發(fā)，用戶即可完成輸入。

2. 為什么要給label標(biāo)簽加上for屬性呢？

label標(biāo)簽加上for屬性綁定了表單元素后，可以提高用戶體驗(yàn)。
當(dāng)點(diǎn)擊label標(biāo)簽內(nèi)的文本后，就會觸發(fā)綁定的表單元素。也就是說，當(dāng)用戶渲染該標(biāo)簽時，瀏覽器就會自動將焦點(diǎn)轉(zhuǎn)到綁定的表單控件上。

ps：表單控件

input、select、textarea、button和h5的datalist、keygen、output。
其中當(dāng)label標(biāo)簽和select標(biāo)簽綁定后，點(diǎn)擊label標(biāo)簽文本內(nèi)容，不能觸發(fā)select便簽。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。