html label標籤用於為 input 元素定義標註(標記);label 元素不會向使用者呈現任何特殊效果。不過,它為滑鼠使用者改進了可用性;當使用者選擇該標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控制項上。
html label標籤怎麼用?
作用:為 input 元素定義標註(標記)。
說明:label 元素不會向使用者呈現任何特殊效果。不過,它為滑鼠使用者改進了可用性。如果您在 label 元素內點擊文本,就會觸發此控制項。是說,當使用者選擇該標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控制項。
註解:
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標籤怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!