label標(biāo)簽說明

HTML元素表示用戶界面中某個元素的說明
將一個和一個元素相關(guān)聯(lián)主要有這些優(yōu)點：

• 標(biāo)簽文本不僅與其相應(yīng)的文本輸入元素在視覺上相關(guān)聯(lián)，程序中也是如此。這意味著，當(dāng)用戶聚焦到這個表單輸入元素時，屏幕閱讀器可以讀出標(biāo)簽，讓使用輔助技術(shù)的用戶更容易理解應(yīng)輸入什么數(shù)據(jù)
• 你可以點擊關(guān)聯(lián)的標(biāo)簽來聚焦或者激活這個輸入元素，就像直接點擊輸入元素一樣。這擴大了元素的可點擊區(qū)域，讓包括使用觸屏設(shè)備在內(nèi)的用戶更容易激活這個元素。

如何關(guān)聯(lián)

1 第一種關(guān)聯(lián)方式

將一個和一個元素匹配在一起，你需要給一個id屬性。而需要一個for屬性，其值和的id一樣

2 第二種關(guān)聯(lián)方式

可以將直接放在里，此時則不需要for和id屬性，因為關(guān)聯(lián)已隱含存在

<label>Do you like peas?<input type="checkbox" name="peas" />
</label>

label標(biāo)簽是一個行內(nèi)元素,可以遵循設(shè)置行內(nèi)標(biāo)簽樣式的設(shè)置規(guī)范