在表單布局中會遇到label標簽的使用，label沒有任何樣式效果，有觸發對應表單控件功能。
比如我們點擊單選按鈕或多選框前文字對應選項就能被選中，這個就是對文字加了<label>標簽實現。

點擊<label>標簽文字時，實現對應控件被選擇，需要對應表單控件id的值與label標簽內的for值相同。

?

請看下面代碼

<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相同，點擊文字，同樣可以選中對應id的按鈕；

性別：男 女

?還有另外一種方式,用label將文字和文本框一起包起來。效果相同

性別<br /> <label>男<input type = "radio" name = "sex" value = "man"></label> <label>女<input type = "radio" name = "sex" value = "woman"></label>

?性別:?男? ?女

?

?

轉載自http://www.divcss5.com/html/h489.shtml#top

轉載于:https://www.cnblogs.com/lijinwen/p/5561535.html

總結

以上是生活随笔為你收集整理的html form label标签基础语法结构与使用案例教程(转载)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。