html中label標籤的詳細介紹

2021-01-13 國哥筆記

歡迎關注支持,謝謝!本篇將介紹的是html中的<label>標籤的用法,由興趣的朋友可以了解一下!

在網頁開發中,表單是經常用到的,而今天要介紹的這個標籤也是經常出現在表單中的,即<label>標籤,我們一起來看看它有什麼用途吧!

「label」作為英文單詞有「標記」的意思,那它作為html中的標籤又有什麼意思呢?下面我們就一起來看看吧!

一、<label>標籤定義及用法

在html中,<label>標籤通常和<input>標籤一起使用,<label>標籤為input元素定義標註(標記)。

<label>標籤的作用是為滑鼠用戶改進了可用性,當用戶點擊<label>標籤中的文本時,瀏覽器就會自動將焦點轉到和該標籤相關聯的控制項上;

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

二、<label>標籤語法格式

<label for="關聯控制項的id" form="所屬表單id列表">文本內容</label>

說明:

關聯控制項的id一般指的是input元素的id;在html5中還新增了一個屬性form,form屬性是用來規定所屬的一個或多個表單的 id 列表,以空格隔開;當<label>標籤不在表單標籤<form>中時,就需要使用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標籤示例

好了,關於html中<label>標籤的介紹就到此結束了,希望能幫助大家!

相關焦點

  • html中form表單標籤的詳細介紹
    本篇將介紹的是html中form表單標籤的用法,有興趣的朋友可以學習一下!在html中,表單是經常用到的,用來與用戶交互並提交數據。今天要介紹的就是表單標籤form標籤,接下來我們就一起來看看它的用法吧!「form」作為英文單詞有「表格」的意思,那它在html中作為標籤又充當什麼樣的角色呢!我們一起來看看吧!
  • html中select標籤(下拉列表)的詳細介紹
    本篇將介紹html中select標籤(下拉列表)的詳細用法,有興趣的朋友可以了解一下!在網頁中,下拉列表很常見,那你知道在html原始碼中是怎麼實現的嗎?今天小編要分享的就是html中實現下拉列表的標籤,即select標籤。
  • html中figure標籤和figcaption標籤的詳細介紹
    本篇將介紹的是html中figure標籤和figcaption標籤的用法,有興趣的朋友可以學習一下!學習html就是學習標籤的用法,今天將為大家介紹的是html中的figure標籤和figcaption標籤的用法,為什麼要同時介紹這兩個標籤呢?原因很簡單,這兩個標籤有一定的聯繫,我們一起來看看這兩個標籤的具體用法吧!
  • HTML表單標籤基礎
    01.在網頁中主要負責數據採集功能的組件。02.通常與資料庫相連。03.由表單元素組成。2、表單組件介紹:01.文本(欄位)02.選擇03.單選按鈕(組)04.文本域05.複選框06.密碼(欄位)07.文件域08.提交按鈕09.重置按鈕3、form 標籤 (表單範圍)...
  • HTML的基本結構、段落標籤、空格標籤、標題標籤、圖片標籤詳解
    本次主要給大家介紹下HTML的基本結構、段落標籤、空格標籤、標題標籤、圖片標籤的用法,用一種相對通俗一點的語言,容易懂的文字讓大家快速掌握html。儘量不用或少用專業術語。以下所寫的內容希望能幫助到大家,供大家在學習HTML中進行參考:
  • 英國古董銀酒標籤 (British Antique Silver Wine Labels )
    英國古董銀酒標籤(British Antique Silver Wine Labels )英國古董銀酒標籤目前已知最早的是1730年製作,銀酒標籤的起因是區別透明玻璃酒瓶中的酒類,之後演變為透明玻璃酒瓶的一種裝飾。
  • zebra斑馬印表機配合nicelabel軟體促銷
    商家活動:zebra斑馬印表機配合nicelabel軟體【查看】商品型號市場價(元)商品報價(元)升跌(元)斑馬zd420t2200價格面議產品名稱:斑馬zd420t商家名稱:煙臺豐溢電子科技有限公司聯繫方式:15863812588 0535-3416988聯繫地址:山東省煙臺市開發區甬江一支路業達企業孵化園斑馬品牌介紹
  • 由淺入深地聊聊html的表單
    今天和大家分享學習一下html的表單一、HTML標籤:表單標籤表單的概念:用於採集用戶輸入的數據的。用於和伺服器進行交互。1、form表單標籤他是用於定義表單的,本身並沒有什麼樣式,可以定義一個範圍,範圍代表採集用戶數據的範圍,通俗易懂的說就是 被他包裹的數據可以被提交給伺服器。
  • 這些廢棄的 HTML 標籤不要用
    HTML 已經發展了多年,現在 W3C 已經發布了 HTML 5.1 的提案推薦標準,一些陳舊廢棄的標籤已經在後繼的標準中逐漸消失。
  • 多標籤學習的新趨勢(2020 Survey)
    Extreme Multi-Label Learning (XML)在文本分類,推薦系統,Wikipedia,Amazon 關鍵詞匹配 [1] 等等應用中,我們通常需要從非常巨大的標籤空間中召回標籤。比如,很多人會 po 自己的自拍到 FB、Ins 上,我們可能希望由此訓練一個分類器,自動識別誰出現在了某張圖片中。
  • html菜鳥教程,HTML新手如何快速入門
    第一:開發工具的選擇1、Nodepad++,作為一種文本編輯器,可以通過顏色標記各種html的標籤,同時可以提示出來基本的html語法,但是缺點也比較明顯:沒有集成容器運行,同時也不支持自動補標籤的功能。但是作為新手前期的開發IDE,能夠幫助新手快速記憶打好基礎。
  • 標籤分布學習
    為了更好地表示一個樣本的分布的情況,訓練一個學習樣本的標籤分布(Label Distribution)的模型,被稱為標籤分布學習(Label Distribution Learning,LDL),讓每一個維度都反映對應標籤程度的一種概率分布。
  • 超文本標記語言HTML之快速入門HTML簡介、HTML入門
    可以完成許多工作,功能也很強大:比如它將客戶端網頁中的HTML元素看成一棵樹,可以編寫代碼訪問並修改樹節點,動態生成新的HTML代碼,從而達到動態修改網頁顯示特性的目的。JavaScript在目前的網站開發中用得很多,非常重要。另外,它也是目前非常流行的AJAX技術的基礎。
  • 面板容器、標籤及按鈕
    標籤組件標籤組件在窗體中顯示為一個不能編輯的文字區域。該組件只能用於在窗體中輸出文本內容,而不能獲取用戶的文本輸入。它可用於在窗體中顯示必要的文字信息。標籤組件由JLabel類定義,JLabel類的父類是Jcomponent類。
  • HTML 5標籤、屬性、事件及瀏覽器兼容性速查表
    為了方便大家學習HTML 5 ,本文與大家分享幾份 HTML 5 標籤、屬性、事件及瀏覽器兼容性速查表。HTML 5 Cheat Sheet非常完整的一份HTML 5速查表,包括HTML 5 標籤、屬性、事件及其瀏覽器兼容性,圖片格式。
  • 聊聊關於javaWeb靜態資源HTML的那些事
    標記語言:由標籤構成的語言。<標籤名稱> 如 html,xml,標記語言不是程式語言語法:html文檔後綴名 .html 或者 .htm標籤分為:圍堵標籤:有開始標籤和結束標籤。如 <html> </html>自閉和標籤:開始標籤和結束標籤在一起。
  • 工牌型UWB定位標籤詳細介紹
    EH100602A01-J工牌定位標籤(II代增強型),是EHIGH恆高UWB定位系統中由人員佩戴的終端之一,主要用於人員定位。該UWB定位終端,定位精度高達10cm。外殼材質選用的是PC/ABS合金塑料,具有光澤度高、韌性好、耐熱性好等優勢,因此在使用過程中不易磨損、不易摔壞,能長期保持表面光潔平整。並且,該UWB定位標籤尺寸大小僅為86mm*55mm*6mm,具有小巧輕便的特點。邊角處均採用柔和的曲線設計,圓潤溫和,避免了日常使用中,佩戴人員被磕碰的情況發生。
  • Python學習第227課——html的head及meta簡介
    前面我們學習了html網頁的結構以及簡單的網頁的編寫,我們知道,瀏覽器裡面顯示的網頁上,我們能看到的東西,其實都是body裡面的元素。這節我們再簡單的了解下html結構中的head。圖1網際網路發展到當前,現在一個標準的網頁結構,都是像上圖圖1中一樣,是以<!DOCTYPE html>開頭的,這個開頭的作用就是"聲明這是一個網頁html文件",以便瀏覽器去解析。
  • 什麼是HTML超文本標記語言
    2 超文本標記語言的基本特徵超文本語言中的標籤都是成對出現的,這也是這種語言的特徵。例如:「<title>小遊戲,4399小遊戲,小遊戲大全,雙人小遊戲大全 - www.4399.com</title>」。第一個<title>叫做開始標籤,第二個</title>多帶了個/叫結束標籤。
  • MIT開放圖像標註工具LabelMe原始碼:助力機器視覺的發展
    此外,它也可以幫助我們標註圖像,不需要在電腦中安裝或複製大型數據集。默認為「viewobj=e」,並且請注意刪除了的對象將會顯示為灰色,並且對象列表中的對象名將會採用斜體。默認情況下將為標註者提供以下指令:http://labelme2.csail.mit.edu/Release3.0/annotationTools/html/mt_instructions.htmlmt_instructions=Place your instructions here:我們可以定製化標註者在標註任務上方看到的一行指令。