name屬性和id屬性的比較分析
- html的name和id可以類比身份證的姓名和身份證編號 其中編號id具有唯一性;
- 一個id只出現一次;
- 名稱name具備可重復性,可以多次出現;
- 在css中兩者都具備識別html元素的作用,name用點號
.
表示,id用井號#
; - 一般name用于通用多次出現元素的樣式定義,id用于唯一性元素樣式定義。
- id要符合標識的要求,比如大小寫敏感,最好不要包含下劃線(因為不兼容CSS);
- name的定義基本上沒有什么要求,甚至可以用數字。
什么時候用name?
- 表單(form)的控件名,提交的數據都用控件的name而不是id來控制。因為有許多name會同時對應多個控件,比如checkbox和radio,而id必須是全文檔中唯一的。此外瀏覽器會根據name來設定發送到服務器的request。因此如果用id,服務器是無法得到數據的。
- frame和window的名字,用于在其他frame或window指定target.
什么時候用id?
- label與form控件的關聯,
<label for="MyInput">My Input</label> <input id="MyInput" type="text">
for屬性指定與label關聯的元素的id,不可用name替代。 - CSS的元素選擇機制,以#MyId的方式指定應用樣式的元素,不能用name替代。
- 腳本中獲得對象:IE支持在腳本中直接以id(而不是name)引用該id標識的對象。
例如上面的input,要在腳本中獲得輸入的內容,可以直接以MyInput.value來獲得。如果用DOM的話,則用document.getElementById("MyInput").value,如果要用name的話,通常先得到包含控件的form,例如document.forms[0],然后從form再引用name,注意這樣得到的是經過計算后將發送給服務器的值。