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