課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)
我想問:為什么要使用<label>?。克淖饔檬鞘裁??
因?yàn)椴挥?lt;label>只用<input>都可以做到文本輸入的效果?。?/p>
求指點(diǎn)
2014-11-26
源自:初識(shí)HTML(5)+CSS(3) 6-2
正在回答
倒數(shù)第四行的 加入=假如,沒修改回復(fù)權(quán)限,在此更正一下。另外 【實(shí)際效果】四個(gè)字加了鏈接,樣式不明顯。
<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>
先看代碼,實(shí)際效果
下面開始解釋:label標(biāo)簽不是你說的文本輸入標(biāo)簽,而是用來顯示內(nèi)容的,和span、p標(biāo)簽類似,用于顯示內(nèi)容,通常?label?標(biāo)簽和?input?標(biāo)簽在?form?表單中配合使用,提高用戶體驗(yàn)。
<label?for="male">Male</label> <input?type="radio"?name="sex"?id="male"?/>
注意?label?有個(gè)?for?屬性,值為其后的?input?標(biāo)簽的id值,在實(shí)際效果中可以看到,單擊 label 內(nèi)的文字會(huì)選中其后的?input。加入你刪除第一個(gè)?label?的?for?屬性,即:
<label>Male</label> <input?type="radio"?name="sex"?id="male"?/>
之后點(diǎn)擊【提交代碼】,試著點(diǎn)擊右邊上下?label?的文字,就能看到對(duì)比效果了。
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
3 回答label input 作用是干什么的,怎么用啊
5 回答label for和input type的區(qū)別
1 回答label和input里面的name屬性
5 回答<label</label>的作用
2 回答label和input是什么意思
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2014-11-26
倒數(shù)第四行的 加入=假如,沒修改回復(fù)權(quán)限,在此更正一下。另外 【實(shí)際效果】四個(gè)字加了鏈接,樣式不明顯。
2014-11-26
先看代碼,實(shí)際效果
下面開始解釋:label標(biāo)簽不是你說的文本輸入標(biāo)簽,而是用來顯示內(nèi)容的,和span、p標(biāo)簽類似,用于顯示內(nèi)容,通常?label?標(biāo)簽和?input?標(biāo)簽在?form?表單中配合使用,提高用戶體驗(yàn)。
注意?label?有個(gè)?for?屬性,值為其后的?input?標(biāo)簽的id值,在實(shí)際效果中可以看到,單擊 label 內(nèi)的文字會(huì)選中其后的?input。加入你刪除第一個(gè)?label?的?for?屬性,即:
之后點(diǎn)擊【提交代碼】,試著點(diǎn)擊右邊上下?label?的文字,就能看到對(duì)比效果了。