html form <label>標籤基礎文法結構與使用案例教程

標籤：action   htm   http   tle   man   form   案例   使用   需要   

在表單布局中會遇到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> 

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

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

 性別: 男   女

 

html form <label>標籤基礎文法結構與使用案例教程