1. label的作用

官方講解：

<label> 標簽為 input 元素定義標注（標記）。

label 元素不會向用戶呈現任何特殊效果。不過，它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本，就會觸發此控件。就是說，當用戶選擇該標簽時，瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。

<label> 標簽的 for 屬性應當與相關元素的 id 屬性相同。(https://www.w3school.com.cn/tags/tag_label.asp)

自己的理解：

點擊文字可以選中，單選或多選按鈕

2. label的使用

第一種：用label標簽將iput標簽包裹起來

<label><input type="checkbox" name="like" value="足球" id="check1">足球</label>

第二種：在input標簽中定義id，在用 label 標簽將內容包裹起來

<input type="checkbox" name="like" value="象棋" id="check4"><label for="check4">象棋</label>

演示效果如下圖:

代碼如下： <from action="" method="get" id="form1"><label><input type="checkbox" name="like" value="足球" id="check1">足球</label><input type="checkbox" name="like" value="羽毛球" id="check2"><label for="check2">羽毛球</label><input type="checkbox" name="like" value="籃球" id="check3">籃球<input type="checkbox" name="like" value="象棋" id="check4"><label for="check4">象棋</label> </from>

總結

以上是生活随笔為你收集整理的label标签 的使用与作用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。