溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關HTML中label有什么用，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
在表單布局中會遇到label標簽的使用，其實label沒有任何樣式效果，有觸發對應表單控件功能。比如當我們點擊單選按鈕或多選框前文字對應選項就能被選中，這個就是對文字加了<label>標簽才實現的效果。
一、label標簽怎么用
label標簽為input元素定義標注(標記)，它不會向用戶呈現任何特殊效果，和span標簽類似。但label標簽和span標簽最大的區別就是它為鼠標用戶改進了可用性，可以關聯特定的表單控件。
label標簽和特定表單控件關聯之后，如果用戶在 label 元素內點擊文本，就會觸發關聯的表單控件。就是說，當用戶選擇該label標簽時，瀏覽器就會自動將焦點轉到和label標簽相關的表單控件上。點擊<label>標簽文字時，實現對應控件被選擇，需要對應表單控件id的值與label標簽內的for值相同。
二、label語法
<label for="man">男</label>
Label標簽內文字更加需要填寫
Label標簽內for屬性的值為自定義，一般與想實現點擊會觸發控件對象的ID對應相同。
三、label實際運用
HTML代碼片段如下：
<form action="" method="get"> 性別：<br /> <input name="sex" id="man" type="radio" value="" /> <label for="man">男</label> <input name="sex" id="woman" type="radio" value="" /> <label for="woman">女</label> </form>
注：input標簽內id的值與label標簽內for的值對應。
看圖：
關于HTML中label有什么用就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
