label標簽和特定表單控件關聯(lián)之后，如果用戶在 label 元素內(nèi)點擊文本，就會觸發(fā)關聯(lián)的表單控件。就是說，當用戶選擇該label標簽時，瀏覽器就會自動將焦點轉(zhuǎn)到和label標簽相關的表單控件上。

label標簽常用于與checkbox或radio關聯(lián)，以實現(xiàn)點擊文字也能選中/取消checkbox或radio。

label標簽的關聯(lián)方式主要有兩種，顯示關聯(lián)和隱式關聯(lián)：

顯示關聯(lián)：

顯式關聯(lián)是通過label標簽的for屬性，顯式與另一個表單控件關聯(lián)。需要注意的是，for屬性的值必須是與label標簽在同一文檔中的可標記表單元素的id，注意是id而不是name。如：

<input type="checkbox" id="test"/> <label for="test">選項</label>

隱式關聯(lián)：

隱式關聯(lián)是直接將表單控件放到label標簽內(nèi)，這種情況下，label標簽只能包含一個表單元素，包含多個只對第一個有效。如下：

<label>請選擇：<input type="checkbox"></label>
更多專業(yè)前端知識，請上 【猿2048】www.mk2048.com

總結(jié)

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

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