點擊 <label>
標簽通常會使與之關聯的表單控件獲得焦點或被激活。
通過正確使用 <label>
標簽,可以使表單更加友好和易于使用,同時提高整體的可訪問性。
基本用法
<label>
標簽通過 for 屬性與 id 為 username 的 <input>
元素關聯。當用戶點擊“用戶名:”這個標簽時,關聯的輸入框會自動獲得焦點。
<label for="username">用戶名:</label>
<input type="text" id="username" name="username">
直接嵌套
<label>郵箱:<input type="email" name="email">
</label>
在這種情況下,點擊“郵箱:”文本或文本框的任何部分都會激活文本框。
關聯復選框和單選框
<label><input type="checkbox" name="subscribe" value="newsletter">訂閱新聞
</label>
<br>
性別:
<input type="radio" name="sex" checked="checked" id="man" />
<label for="man">男</label>
<input type="radio" name="sex" id="woman" />
<label for="woman">女</label>