歡迎關注支持,謝謝!本篇將介紹的是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>
運行結果:
好了,關於html中<label>標籤的介紹就到此結束了,希望能幫助大家!