                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /HTML/CSS
                        
                        /初識(shí)HTML(5)+CSS(3)-升級(jí)版

<label>標(biāo)簽究竟有什么用?。?/h1>
上面說(shuō)是為"鼠標(biāo)用戶改進(jìn)了可用性"，這個(gè)可用性，提現(xiàn)在了哪里？我只覺(jué)得是在編寫(xiě)的時(shí)候多了一個(gè)步驟，看不出來(lái)究竟有什么用處！麻煩給詳細(xì)解答一下！?。ㄕ?qǐng)舉例說(shuō)明！）

慕先生7413344

2018-07-27

源自：初識(shí)HTML(5)+CSS(3)-升級(jí)版 6-8

關(guān)注問(wèn)題我要回答

1970

操作

收起

3 回答

Por_Una_Cabeza 回答被采納 +2 積分
2018-07-27

可以用來(lái)綁定元素，舉個(gè)例子：

無(wú)label標(biāo)簽：

<input id="ye" type="checkbox" /> 文本內(nèi)容

有l(wèi)abel標(biāo)簽：

添加了label標(biāo)簽后，點(diǎn)擊標(biāo)簽中的文本，所綁定的元素將獲取焦點(diǎn)，即可使多選框聚焦。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

慕先生7413344 提問(wèn)者

那么，在獲取了這個(gè)焦點(diǎn)之后，有什么好處嗎？

2018-07-28 回復(fù) 有任何疑惑可以回復(fù)我~

#2

慕先生7413344 提問(wèn)者

非常感謝！

2018-07-28 回復(fù) 有任何疑惑可以回復(fù)我~

#3

Por_Una_Cabeza 回復(fù) 慕先生7413344 提問(wèn)者

在我舉得這個(gè)例子中，label的作用就是點(diǎn)擊label的文本內(nèi)容，就可以自動(dòng)勾選CheckBox中的內(nèi)容，如果是其他例子中，也可能是獲得一個(gè)文本框、文本域的光標(biāo)等，不需要再點(diǎn)擊文本框才能輸入內(nèi)容，方便用戶輸入信息。

2018-07-29 回復(fù) 有任何疑惑可以回復(fù)我~

查看2條回復(fù)

Por_Una_Cabeza
2018-07-29

我的回答中例子編輯時(shí)候出了點(diǎn)問(wèn)題，應(yīng)該如下：

<label for="xxx">文本label</label>
<input id="xxx" type="checkbox" />文本內(nèi)容</label>

一個(gè)簡(jiǎn)單完整的例子，可以直接在瀏覽器中查看效果，點(diǎn)擊label就能自動(dòng)勾選：

<html>
<head>
<meta charset="utf-8">
<title>標(biāo)題</title>
</head>
<body>
<label for="a">文本label</label>
<input id="a" type="checkbox" />文本內(nèi)容</label>
</body>
</html>