小編給大家分享一下html中如何使用label標簽，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！
html label標簽用于為 input 元素定義標注（標記）；label 元素不會向用戶呈現任何特殊效果。不過，它為鼠標用戶改進了可用性；當用戶選擇該標簽時，瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。
html label標簽怎么用？
作用：為 input 元素定義標注（標記）。
說明：label 元素不會向用戶呈現任何特殊效果。不過，它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本，就會觸發此控件。就是說，當用戶選擇該標簽時，瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。
注釋：<label> 標簽的"for" 屬性可把 label 綁定到另外一個元素。請把 "for" 屬性的值設置為相關元素的 id 屬性的值。
html label標簽 示例1：
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> </head> <body> <p>請點擊文本標記之一，就可以觸發相關控件：</p> <form> <label for="male">Male</label> <input type="radio" name="sex" id="male" /> <br /> <label for="female">Female</label> <input type="radio" name="sex" id="female" /> </form> </body> </html>
效果圖：
html label標簽 示例2：
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> </head> <body> <p>點擊文本，就可以觸發相關控件：</p> <form> <label for="male">Male</label> <input type="text" id="male" /> <br /> <label for="female">Female</label> <input type="text" id="female" /> </form> </body> </html>
效果圖：
看完了這篇文章，相信你對html中如何使用label標簽有了一定的了解，想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
