課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
label
2017-04-14
源自:初識HTML(5)+CSS(3)-升級版 6-8
正在回答
比如那個例子。男人和女人后面都有一個radio按鈕。正常情況男人這個label的for屬性等于他屁股后面那個radio的id即male,當你鼠標在男人這個詞語上點擊的時候,就會自動選擇上了男人屁股后面這個radio。但是如果你改一下代碼,讓男人這個label的for屬性等于famale,這個時候你點擊男人這兩個字,會選擇上女人后面的radio
ZhEnGX
意思就是當你點擊label標簽內的內容時,瀏覽器會自動將焦點轉到和label標簽相關的表單控件上。例如:
<label for="name">姓名</label><input id="name" />
當你點擊“姓名”的時候,瀏覽器就把光標定位在了輸入框里面。
<label> 標簽為 input 元素定義標簽(label)。
label 元素不會向用戶呈現任何特殊的樣式。不過,它為鼠標用戶改善了可用性,因為如果用戶點擊 label 元素內的文本,則會切換到控件本身。
<label> 標簽的 for 屬性應該等于相關元素的 id 元素,以便將它們捆綁起來。
實例
帶有兩個輸入字段和相關標簽的簡單 HTML 表單:
<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標簽的這一段,點擊標簽中的文本,可使多選框聚焦。
http://blog.csdn.net/youngerhao/article/details/6946871
這個里面的解釋還算容易理解。
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
4 回答能否解釋一下class跟id的區別 概念很模糊
2 回答我還是沒看懂他說的,誰能解釋一下我相對定位
2 回答誰能解釋一下???
1 回答不太明白label在栗子中的作用,請指點。
3 回答求問這個label標簽的具體作用是什么?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-04-14
比如那個例子。男人和女人后面都有一個radio按鈕。正常情況男人這個label的for屬性等于他屁股后面那個radio的id即male,當你鼠標在男人這個詞語上點擊的時候,就會自動選擇上了男人屁股后面這個radio。但是如果你改一下代碼,讓男人這個label的for屬性等于famale,這個時候你點擊男人這兩個字,會選擇上女人后面的radio
2017-04-14
意思就是當你點擊label標簽內的內容時,瀏覽器會自動將焦點轉到和label標簽相關的表單控件上。例如:
<label for="name">姓名</label><input id="name" />
當你點擊“姓名”的時候,瀏覽器就把光標定位在了輸入框里面。
2017-04-14
<label> 標簽為 input 元素定義標簽(label)。
label 元素不會向用戶呈現任何特殊的樣式。不過,它為鼠標用戶改善了可用性,因為如果用戶點擊 label 元素內的文本,則會切換到控件本身。
<label> 標簽的 for 屬性應該等于相關元素的 id 元素,以便將它們捆綁起來。
實例
帶有兩個輸入字段和相關標簽的簡單 HTML 表單:
<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標簽的這一段,點擊標簽中的文本,可使多選框聚焦。
2017-04-14
http://blog.csdn.net/youngerhao/article/details/6946871
這個里面的解釋還算容易理解。