<label>標簽的功能是使浏覽器用焦點矩形呈現在與表單對象關聯的文本,使得用戶可通過關聯文本的任意位置,而不僅是在表單對象上,單擊來選擇該表單。
在DW8中插入表單元素,會彈出【輸入標簽輔助功能屬性】對話框,使用”for”屬性附加標簽標記時,會在插入的表單項的兩側邊(前側或後側)添加一個標簽標記“<label>…</label>”
比如,在下面例子中直接單擊文本“用戶名”就可同樣選中表單元素
<form>
<label for="cn_bruce">用戶名</label>
<input type="text" name="cn_bruce" accesskey="c" id="cn_bruce" />
</form>
主要就是 label 屬性 for="cn_bruce" 而 input 屬性 id="cn_bruce",此為關聯。
但使用DW8進行插入時,默認的 input 的 name 和 id 屬性是相同的“textfield n(n=Φ,1,2,……)”
但很顯然,在插入完表單對象後,需要重新編輯表單項的“名稱”,比如修改“textfield”為“cn_bruce”
則,表單項的name 和 id 一起修改為“cn_bruce”
然而默認的標簽label的 for 屬性值還是 “textfield”,如果要實現 label 的功能就必須手動修改 for 的值
不過,相同的設置在對 radio 單選框進行設置時,卻是能保證 label 的 for 屬性值一直與對應的 表單項的 id值吻合
主要原因就是,當對radio 進行 name 屬性值修改時,其對於的id 值是不變的。
為什麼不變?
首先,radio 也就是單選框的功能是 多個當中選擇一個,那麼怎麼區別許多的 radio 是一個組裡面的,就從這一組中選擇某一個。那麼HTML標簽就是要求,這許多的單選按鈕要想是一個組裡面的,必須要求其 name 屬性值一樣,比如下面的三個radio的name值都為“s”,則是一個組的
男 <input type="radio" name="s" value="n" />
女 <input type="radio" name="s" value="v" />
妖 <input type="radio" name="s" value="y" />