課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
使用單選框、復選框,讓用戶選擇案例中的“”性別:“” ?為什么放在<label>。。。</label> 中 而文本輸入框、密碼輸入框的文字只要直接打上去就可以?
2016-08-13
源自:初識HTML(5)+CSS(3)-升級版 6-9
正在回答
放label是為了可以讓用戶點擊相應文字就可以直接選中
個人理解,就是label是類似“標簽定位”,點擊文本后會觸發控件,接著關聯到相應的表單上。而input type="text"/"password",就是直接關聯表單,直接輸入文本。
下面是教程的解釋,你可以理解看看:
"label標簽不會向用戶呈現任何特殊效果,它的作用是為鼠標用戶改進了可用性。如果你在 label 標簽內點擊文本,就會觸發此控件。就是說,當用戶單擊選中該label標簽時,瀏覽器就會自動將焦點轉到和標簽相關的表單控件上(就自動選中和該label標簽相關連的表單控件上)。"
希望能幫到你!
<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標簽再試試,就知道label的用處啦~
label標簽不會向用戶呈現任何特殊效果,它的作用是為鼠標用戶改進了可用性。如果你在 label 標簽內點擊文本,就會觸發此控件。就是說,當用戶單擊選中該label標簽時,瀏覽器就會自動將焦點轉到和標簽相關的表單控件上(就自動選中和該label標簽相關連的表單控件上)。而對于文本輸入框和密碼輸入框來說直接都可以觸發控件達到想要的效果。
type = "text" ?本身有這個功能!
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
8 回答使用單選框、復選框,讓用戶選擇
3 回答5-4 使用單選框、復選框
7 回答使用單選框,復選框的問題
5 回答單選框,復選框
7 回答單選框復選框
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-08-13
放label是為了可以讓用戶點擊相應文字就可以直接選中
2016-08-13
放label是為了可以讓用戶點擊相應文字就可以直接選中
2016-08-13
個人理解,就是label是類似“標簽定位”,點擊文本后會觸發控件,接著關聯到相應的表單上。而input type="text"/"password",就是直接關聯表單,直接輸入文本。
下面是教程的解釋,你可以理解看看:
"label標簽不會向用戶呈現任何特殊效果,它的作用是為鼠標用戶改進了可用性。如果你在 label 標簽內點擊文本,就會觸發此控件。就是說,當用戶單擊選中該label標簽時,瀏覽器就會自動將焦點轉到和標簽相關的表單控件上(就自動選中和該label標簽相關連的表單控件上)。"
希望能幫到你!
2016-08-13
<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標簽再試試,就知道label的用處啦~
2016-08-13
label標簽不會向用戶呈現任何特殊效果,它的作用是為鼠標用戶改進了可用性。如果你在 label 標簽內點擊文本,就會觸發此控件。就是說,當用戶單擊選中該label標簽時,瀏覽器就會自動將焦點轉到和標簽相關的表單控件上(就自動選中和該label標簽相關連的表單控件上)。而對于文本輸入框和密碼輸入框來說直接都可以觸發控件達到想要的效果。
2016-08-13
type = "text" ?本身有這個功能!