label標籤的作用是什麼?-常見問題-PHP中文網

首頁

常見問題

label標籤的作用是什麼?

coldplay.xixi

Dec 14, 2020 am 09:52 AM

label標籤

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

熱AI工具

熱工具

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中，你可以繼續在那裡關注我們。 MinGW：GNU編譯器集合（GCC）的本機Windows移植版本，可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔；包括對MSVC執行時間的擴展，以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序，非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具，幫助Web開發人員更好地理解保護網路應用程式的過程，並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞，難度各不相同。請注意，該軟體中

SecLists

SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合，這些清單在安全評估過程中經常使用，而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表，幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上，他就可以存取所需的每種類型的清單。