HTML的label
標簽用于定義input
元素的標簽,它可以實現以下幾個功能:
關聯表單元素:label
標簽可以將文本與相關的input
、textarea
或select
元素關聯起來。這樣,當用戶點擊標簽時,關聯的表單元素會獲得焦點,從而方便用戶操作表單。
提高可用性:通過將文本放在label
標簽中,可以增加用戶點擊的目標區域,提高表單的可用性和易用性。
增強可訪問性:對于使用輔助技術(如屏幕閱讀器)的用戶來說,label
標簽提供了更好的可訪問性。屏幕閱讀器會將label
標簽與相關表單元素的描述關聯起來,從而使用戶能夠更好地理解表單的目的和用途。
以下是一個使用label
標簽的示例:
<label for="username">用戶名:</label>
<input type="text" id="username" name="username">
上述示例中,label
標簽中的文本“用戶名:”與input
元素關聯起來,通過for
屬性指定了關聯的input
元素的id
。當用戶點擊“用戶名:”標簽時,文本框會獲得焦點。