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