HTML中的 <label> 標(biāo)簽用于為表單元素提供標(biāo)簽文本。它通常與輸入元素（如文本框、復(fù)選框、單選按鈕等）關(guān)聯(lián)，以提供更好的用戶體驗(yàn)和可訪問(wèn)性。
主要用途包括：
1. 表單標(biāo)記：<label> 標(biāo)簽用于標(biāo)識(shí)表單控件的名稱或說(shuō)明。通過(guò)將標(biāo)簽與相應(yīng)的表單元素相關(guān)聯(lián)，用戶可以點(diǎn)擊標(biāo)簽時(shí)自動(dòng)聚焦到該元素，并且屏幕閱讀器可以正確讀取標(biāo)簽內(nèi)容。
2. 用戶體驗(yàn)改善：使用 <label> 可以增加表單的可點(diǎn)擊區(qū)域。當(dāng)用戶單擊與輸入元素相關(guān)聯(lián)的標(biāo)簽時(shí)，輸入元素會(huì)獲得焦點(diǎn)，這使得在移動(dòng)設(shè)備上更容易選擇輸入。
3. 輔助功能支持：對(duì)于使用輔助技術(shù)的用戶，關(guān)聯(lián) <label> 和表單元素可以提供更好的可訪問(wèn)性。屏幕閱讀器可以讀取出 <label> 的內(nèi)容，并告知用戶與之相關(guān)的輸入元素的用途或類(lèi)型。
以下是一個(gè)示例，展示了如何使用 <label> 來(lái)標(biāo)記文本輸入框：
<label for="username">Username:</label><input type="text" id="username" name="username">
在上面的示例中，for 屬性指定了與 <label> 相關(guān)聯(lián)的輸入元素的 id，以建立它們之間的關(guān)聯(lián)。這樣做可以使用戶在單擊標(biāo)簽時(shí)自動(dòng)聚焦到輸入框，并且屏幕閱讀器可以正確地讀取標(biāo)簽文本。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
