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