課程
/前端開(kāi)發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
5-9,label標(biāo)簽的任務(wù)沒(méi)看懂,誰(shuí)能幫解釋解釋。
2017-03-21
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 6-8
正在回答
就是label里的for屬性要跟三個(gè)復(fù)選框的id值一致
白狼x 提問(wèn)者
因?yàn)槟阈枰O(shè)置三個(gè)復(fù)選項(xiàng) ?所以for后面的“”要與選項(xiàng)的id一致
一下這么多答案,我感到自己不是一個(gè)人。。。
label標(biāo)簽本身是不會(huì)呈現(xiàn)任何效果的,但是如果應(yīng)用標(biāo)簽,就像這個(gè)?<label for="male">男</label> ?我們把男這個(gè)字用標(biāo)簽定義,如果不定義也是可以的,瀏覽器都是會(huì)顯示出來(lái)一個(gè)男字,但是如果我們要定義一個(gè)單選按鈕,男和女 ?
? ?<label for="male">男</label>??
<input type="radio" name="gender" id="male" />
? <br />
? <label for="female">女</label>
? <input type="radio" name="gender" id="female" />
如果我們用label標(biāo)簽,才可以對(duì)該文字 男 女 定義id,這樣單擊男 女 這個(gè)文字標(biāo)簽,就自動(dòng)選中和該label標(biāo)簽相關(guān)連的表單控件上。也就是可以觸動(dòng)這個(gè)單擊事件,
我們?cè)賮?lái)看一下如果不用label標(biāo)簽,我們定義單選按鈕
? 男<input type="radio" name="gender"/><br>
? 女<input type="radio" name="gender" />
這種我們沒(méi)有用label標(biāo)簽,但是我們要單擊單選按鈕時(shí),單擊男女文字是毫無(wú)反應(yīng)的,只會(huì)當(dāng)成文字來(lái)處理,你只能單擊文字后的單選按鈕
雖然兩個(gè)效果都是一樣的,但是根據(jù)人們的常規(guī)習(xí)慣,還是用標(biāo)簽的更方便一些。
希望我的解答可以幫助到你!
定義和用法
<label> 標(biāo)簽為 input 元素定義標(biāo)注(標(biāo)記)。
label 元素不會(huì)向用戶呈現(xiàn)任何特殊效果。不過(guò),它為鼠標(biāo)用戶改進(jìn)了可用性。如果您在 label 元素內(nèi)點(diǎn)擊文本,就會(huì)觸發(fā)此控件。就是說(shuō),當(dāng)用戶選擇該標(biāo)簽時(shí),瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。
<label> 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。
就是點(diǎn)擊單選框活著漢字都可以實(shí)現(xiàn)選定效果 ?需要你自己去試試點(diǎn)擊
我也才學(xué)沒(méi)多久,說(shuō)的不一定準(zhǔn)確,下面是我自己的理解,如果有問(wèn)題希望指正
以下面的例子來(lái)看
?<label for="male">男</label>
label是有開(kāi)始和結(jié)束標(biāo)簽兩部分,label for=“控件的id”,也就是和后面input中的id值要一樣,在作為選擇的時(shí)候type有兩種,radio是單選,checkbox是多選,name=“是自己的命名”,value="提交給服務(wù)器的值",詳情可以對(duì)照5—4的內(nèi)容
用for的時(shí)候可以進(jìn)行多個(gè)選擇,如圖
代碼:
結(jié)果:
希望能幫到你
用label的for屬性
需要你自己添加代碼段,實(shí)現(xiàn)地下實(shí)例里面的效果,這里就不是修改啦
記住語(yǔ)法相應(yīng)的形式,左側(cè)的例題好好看看。
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
1 回答5-9關(guān)于form表單中的label標(biāo)簽
2 回答label標(biāo)簽
12 回答label 標(biāo)簽
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-03-21
就是label里的for屬性要跟三個(gè)復(fù)選框的id值一致
2017-03-21
因?yàn)槟阈枰O(shè)置三個(gè)復(fù)選項(xiàng) ?所以for后面的“”要與選項(xiàng)的id一致
2017-03-21
一下這么多答案,我感到自己不是一個(gè)人。。。
2017-03-21
label標(biāo)簽本身是不會(huì)呈現(xiàn)任何效果的,但是如果應(yīng)用標(biāo)簽,就像這個(gè)?<label for="male">男</label> ?我們把男這個(gè)字用標(biāo)簽定義,如果不定義也是可以的,瀏覽器都是會(huì)顯示出來(lái)一個(gè)男字,但是如果我們要定義一個(gè)單選按鈕,男和女 ?
? ?<label for="male">男</label>??
<input type="radio" name="gender" id="male" />
? <br />
? <label for="female">女</label>
? <input type="radio" name="gender" id="female" />
? <br />
如果我們用label標(biāo)簽,才可以對(duì)該文字 男 女 定義id,這樣單擊男 女 這個(gè)文字標(biāo)簽,就自動(dòng)選中和該label標(biāo)簽相關(guān)連的表單控件上。也就是可以觸動(dòng)這個(gè)單擊事件,
我們?cè)賮?lái)看一下如果不用label標(biāo)簽,我們定義單選按鈕
? 男<input type="radio" name="gender"/><br>
? 女<input type="radio" name="gender" />
這種我們沒(méi)有用label標(biāo)簽,但是我們要單擊單選按鈕時(shí),單擊男女文字是毫無(wú)反應(yīng)的,只會(huì)當(dāng)成文字來(lái)處理,你只能單擊文字后的單選按鈕
雖然兩個(gè)效果都是一樣的,但是根據(jù)人們的常規(guī)習(xí)慣,還是用標(biāo)簽的更方便一些。
希望我的解答可以幫助到你!
2017-03-21
定義和用法
<label> 標(biāo)簽為 input 元素定義標(biāo)注(標(biāo)記)。
label 元素不會(huì)向用戶呈現(xiàn)任何特殊效果。不過(guò),它為鼠標(biāo)用戶改進(jìn)了可用性。如果您在 label 元素內(nèi)點(diǎn)擊文本,就會(huì)觸發(fā)此控件。就是說(shuō),當(dāng)用戶選擇該標(biāo)簽時(shí),瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。
<label> 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。
2017-03-21
就是點(diǎn)擊單選框活著漢字都可以實(shí)現(xiàn)選定效果 ?需要你自己去試試點(diǎn)擊
2017-03-21
我也才學(xué)沒(méi)多久,說(shuō)的不一定準(zhǔn)確,下面是我自己的理解,如果有問(wèn)題希望指正
以下面的例子來(lái)看
?<label for="male">男</label>
<input type="radio" name="gender" id="male" />
label是有開(kāi)始和結(jié)束標(biāo)簽兩部分,label for=“控件的id”,也就是和后面input中的id值要一樣,在作為選擇的時(shí)候type有兩種,radio是單選,checkbox是多選,name=“是自己的命名”,value="提交給服務(wù)器的值",詳情可以對(duì)照5—4的內(nèi)容
用for的時(shí)候可以進(jìn)行多個(gè)選擇,如圖
代碼:
結(jié)果:
希望能幫到你
2017-03-21
用label的for屬性
2017-03-21
需要你自己添加代碼段,實(shí)現(xiàn)地下實(shí)例里面的效果,這里就不是修改啦
2017-03-21
記住語(yǔ)法相應(yīng)的形式,左側(cè)的例題好好看看。