HTML label標簽的for屬性用于指定與之關聯的表單元素。
當一個label元素的for屬性的值與一個表單元素的id屬性的值相同時,點擊label元素時,表單元素將獲得焦點或被選中。這樣可以提高用戶體驗,使用戶可以更方便地通過點擊label元素來操作表單元素。
例如,有一個文本框的輸入框和一個與之關聯的label元素:
<label for="username">用戶名:</label>
<input type="text" id="username" name="username">
當用戶點擊label元素時,文本框的輸入框將獲得焦點,用戶可以直接在輸入框中輸入內容。如果沒有使用for屬性,用戶需要點擊輸入框才能獲得焦點。
此外,label元素的for屬性還可以提供輔助性的信息,例如通過屏幕閱讀器讀取,以幫助用戶更好地理解表單元素的用途。