                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)-升級版

<label>標簽究竟有什么用??？

上面說是為"鼠標用戶改進了可用性"，這個可用性，提現在了哪里？我只覺得是在編寫的時候多了一個步驟，看不出來究竟有什么用處！麻煩給詳細解答一下?。。ㄕ埮e例說明！）

慕先生7413344

2018-07-27

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

關注問題我要回答

1975

操作

收起

3 回答

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

可以用來綁定元素，舉個例子：

無label標簽：

<input id="ye" type="checkbox" /> 文本內容

有label標簽：

添加了label標簽后，點擊標簽中的文本，所綁定的元素將獲取焦點，即可使多選框聚焦。

0 回復有任何疑惑可以回復我~

收起回答

慕先生7413344 提問者

那么，在獲取了這個焦點之后，有什么好處嗎？

2018-07-28 回復有任何疑惑可以回復我~

慕先生7413344 提問者

非常感謝！

2018-07-28 回復有任何疑惑可以回復我~

Por_Una_Cabeza 回復慕先生7413344 提問者

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

2018-07-29 回復有任何疑惑可以回復我~

慕先生7413344 提問者回復 Por_Una_Cabeza

非常感謝?。。?/div>

2018-07-29 回復有任何疑惑可以回復我~

查看2條回復

Por_Una_Cabeza
2018-07-29

我的回答中例子編輯時候出了點問題，應該如下：

<label for="xxx">文本label</label>
<input id="xxx" type="checkbox" />文本內容</label>

一個簡單完整的例子，可以直接在瀏覽器中查看效果，點擊label就能自動勾選：

<html>
<head>
<meta charset="utf-8">
<title>標題</title>
</head>
<body>
<label for="a">文本label</label>
<input id="a" type="checkbox" />文本內容</label>
</body>
</html>