上一節為什么要用label
前一節中賬號密碼使用label寫的，跟這一節直接寫有什么差別
bengbengbeng
2016-07-20
6 回答
舉報
0/150
提交
取消
2016-07-20
<label> 標簽為 input 元素定義標注（標記）。
label 元素不會向用戶呈現任何特殊效果。不過，它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本，就會觸發此控件。就是說，當用戶選擇該標簽時，瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。
"for" 屬性可把 label 綁定到另外一個元素。
<label> 標簽的 for 屬性應當與相關元素的 id 屬性相同。
比如這個例子：
<form> ?
?<label for="male">Male</label>
?<input type="radio" name="sex" id="male" />
?<br /> ?
?<label for="female">Female</label>
?<input type="radio" name="sex" id="female" />
</form>
2016-07-20
label 元素不會向用戶呈現任何特殊效果。不過，它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本，就會觸發此控件。就是說，當用戶選擇該標簽時，瀏覽器就會自動將焦點轉到和標簽相關的表單控件上
打個比方
<label for="male">Male</label>
? <input type="radio" name="sex" id="male" value="male">
這是一個單選框，點擊Male文字也是可以選擇這個選項。如果
Male
<input type="radio" name="sex" id="male" value="male"><br>
這樣的話就必須點擊右側的單選按鈕才可以選擇
2016-07-20
上一節沒有展現label標簽的綁定功能也就是for屬性，而本節則是講解了他這一屬性的用法和功能
2016-07-20
label標簽的for屬性將label元素跟它對應的另一元素（如input元素）進行了綁定
2016-07-20
如果你在 label 標簽內點擊文本，就會觸發此控件。就是說，當用戶單擊選中該label標簽時，瀏覽器就會自動將焦點轉到和標簽相關的表單控件上（就自動選中和該 label標簽相關連的表單控件上）。
2016-07-20
用labelb標簽是標識? 不用只是輸出內容