DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> 標簽for屬性與對應id的關系
標簽for屬性與對應id的關系
編輯:Dreamweaver相關     

<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" />

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved