首頁 >常見問題 >label標籤的作用是什麼?

label標籤的作用是什麼?

coldplay.xixi原創: 2020-12-14 09:52:2639131瀏覽

label標籤的作用是為滑鼠使用者改進了可用性，當使用者點擊【】標籤中的文字時，瀏覽器就會自動將焦點轉到和該標籤相關聯的控制上。

label標籤的作用是什麼?

本文操作環境：windows10系統、html5、thinkpad t480電腦。

label標籤的作用：

一、標籤定義及用法

在html中，< ;label>標籤通常和標籤一起使用，標籤為input元素定義標註（標記）。

標籤的作用是為滑鼠使用者改進了可用性，當使用者點擊標籤中的文字時，瀏覽器就會自動將焦點轉到和該標籤相關聯的控制項上；

標籤在單選按鈕和複選按鈕上經常被使用，使用該標籤後，你點擊單選按鈕或複選按鈕的文本也是可以選中的。

二、標籤語法格式

<label for="关联控件的id" form="所属表单id列表">文本内容</label>

說明：

##關聯控制項的id一般指的是input元素的id;

在html5中也新增了一個屬性form，form屬性是用來規定所屬的一個或多個表單的id 列表，以空格隔開；

當標籤不在表單標籤

中時，就需要使用form屬性來指定所屬表單；

三、實例

<!DOCTYPE html><html><head><meta charset="utf-8" /><title>html中label标签的详细介绍</title></head><body bgcolor="bisque"><form action="" id="form1"><input type="checkbox" id="basketball"><label for="basketball">篮球</label><input type="checkbox" id="football"><label for="football">足球</label><input type="checkbox" id="tableTennis"><label for="tableTennis">乒乓球</label><br><input type="submit" value="提交"/></form><label for="football" form="form1">足球</label></body></html>

運行結果：

label標籤的作用是什麼?

相關免費學習推薦：
php程式設計（影片）

以上是label標籤的作用是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：prtscr鍵是什麼意思下一篇：prtscr鍵是什麼意思

看更多