課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
一直不懂<label>是干嘛用的 為什么有for="username"？
2016-12-13
源自：初識(shí)HTML(5)+CSS(3)-升級(jí)版 6-1
正在回答
<label> 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)記）。label 元素不會(huì)向用戶呈現(xiàn)任何特殊效果。不過，它為鼠標(biāo)用戶改進(jìn)了可用性。如果您在 label 元素內(nèi)點(diǎn)擊文本，就會(huì)觸發(fā)此控件。就是說，當(dāng)用戶選擇該標(biāo)簽時(shí)，瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。<label> 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。實(shí)例帶有兩個(gè)輸入字段和相關(guān)標(biāo)記的簡(jiǎn)單 HTML 表單：<form> ?<label for="male">Male</label> ?<input type="radio" name="sex" id="male" /> ? ?<label for="female">Female</label> ?<input type="radio" name="sex" id="female" /></form>
慕數(shù)據(jù)0884462 提問者
label就當(dāng)一個(gè)文本輸入使用就行。for="username"里的username是和后面的id=“username”匹配的，一致的話，在瀏覽器中才能點(diǎn)選該label文本。
label標(biāo)簽內(nèi)的內(nèi)容相當(dāng)于一個(gè)控件，沒有任何特殊效果，只是單擊方便瀏覽器的自動(dòng)選擇
通俗來講就是鼠標(biāo)經(jīng)過的范圍都是lable的內(nèi)容，聚焦作用
label標(biāo)簽不會(huì)向用戶呈現(xiàn)任何特殊效果，它的作用是為鼠標(biāo)用戶改進(jìn)了可用性。如果你在 label 標(biāo)簽內(nèi)點(diǎn)擊文本，就會(huì)觸發(fā)此控件。就是說，當(dāng)用戶單擊選中該label標(biāo)簽時(shí)，瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上（就自動(dòng)選中和該label標(biāo)簽相關(guān)連的表單控件上）。
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
4 回答<label>在這里為什么不起作用
2 回答<label>的作用是什么
5 回答<label</label>的作用
8 回答<label>標(biāo)簽有什么作用??？
3 回答label input 作用是干什么的，怎么用啊
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-12-13
<label> 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)記）。label 元素不會(huì)向用戶呈現(xiàn)任何特殊效果。不過，它為鼠標(biāo)用戶改進(jìn)了可用性。如果您在 label 元素內(nèi)點(diǎn)擊文本，就會(huì)觸發(fā)此控件。就是說，當(dāng)用戶選擇該標(biāo)簽時(shí)，瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。<label> 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。實(shí)例帶有兩個(gè)輸入字段和相關(guān)標(biāo)記的簡(jiǎn)單 HTML 表單：<form> ?<label for="male">Male</label> ?<input type="radio" name="sex" id="male" /> ?
?<label for="female">Female</label> ?<input type="radio" name="sex" id="female" /></form>
2016-12-13
label就當(dāng)一個(gè)文本輸入使用就行。for="username"里的username是和后面的id=“username”匹配的，一致的話，在瀏覽器中才能點(diǎn)選該label文本。
2016-12-13
label標(biāo)簽內(nèi)的內(nèi)容相當(dāng)于一個(gè)控件，沒有任何特殊效果，只是單擊方便瀏覽器的自動(dòng)選擇
2016-12-13
通俗來講就是鼠標(biāo)經(jīng)過的范圍都是lable的內(nèi)容，聚焦作用
2016-12-13
label標(biāo)簽不會(huì)向用戶呈現(xiàn)任何特殊效果，它的作用是為鼠標(biāo)用戶改進(jìn)了可用性。如果你在 label 標(biāo)簽內(nèi)點(diǎn)擊文本，就會(huì)觸發(fā)此控件。就是說，當(dāng)用戶單擊選中該label標(biāo)簽時(shí)，瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上（就自動(dòng)選中和該label標(biāo)簽相關(guān)連的表單控件上）。