label for 屬性在 HTML 表單中用于關聯表單控件（如輸入框、選擇框等）和其描述的文本。正確使用 label for 可以提高表單的可訪問性，使屏幕閱讀器等輔助技術能夠更準確地解讀表單內容。以下是正確使用 label for 的步驟：
為每個表單控件分配一個唯一的 id 屬性。例如：
<input type="text" id="username" name="username">
在 <label> 元素中使用 for 屬性，并將其值設置為對應表單控件的 id。例如：
<label for="username">用戶名</label>
這樣，當屏幕閱讀器讀取到 <label> 元素時，它會知道與 for 屬性值相對應的表單控件是“用戶名”輸入框。
將 <label> 元素放置在表單控件之前，或者將它們包裹在一起。這樣可以確保用戶點擊標簽時，表單控件獲得焦點。例如：
<label for="username">用戶名</label>
<input type="text" id="username" name="username">
或者：
<div>
<label for="username">用戶名</label>
<input type="text" id="username" name="username">
</div>
如果表單控件是一個復選框或單選按鈕，可以將 <label> 元素的 for 屬性值設置為該控件的 id，并將 <input> 元素的 id 設置為與 name 屬性相同的值。例如：
<input type="checkbox" id="agree" name="agree">
<label for="agree">我同意條款和條件</label>
這樣，當用戶點擊“我同意條款和條件”文本時，復選框將被選中。
遵循以上步驟，可以確保正確使用 label for 屬性，從而提高表單的可訪問性。
