name屬性和id屬性的比較分析
- html的name和id可以類(lèi)比身份證的姓名和身份證編號(hào) 其中編號(hào)id具有唯一性;
- 一個(gè)id只出現(xiàn)一次;
- 名稱(chēng)name具備可重復(fù)性续崖,可以多次出現(xiàn);
- 在css中兩者都具備識(shí)別html元素的作用,name用點(diǎn)號(hào)
.
表示扫腺,id用井號(hào)#
; - 一般name用于通用多次出現(xiàn)元素的樣式定義,id用于唯一性元素樣式定義村象。
- id要符合標(biāo)識(shí)的要求笆环,比如大小寫(xiě)敏感攒至,最好不要包含下劃線(因?yàn)椴患嫒軨SS);
- name的定義基本上沒(méi)有什么要求,甚至可以用數(shù)字躁劣。
什么時(shí)候用name?
- 表單(form)的控件名嗓袱,提交的數(shù)據(jù)都用控件的name而不是id來(lái)控制。因?yàn)橛性S多name會(huì)同時(shí)對(duì)應(yīng)多個(gè)控件习绢,比如checkbox和radio渠抹,而id必須是全文檔中唯一的。此外瀏覽器會(huì)根據(jù)name來(lái)設(shè)定發(fā)送到服務(wù)器的request闪萄。因此如果用id梧却,服務(wù)器是無(wú)法得到數(shù)據(jù)的。
- frame和window的名字败去,用于在其他frame或window指定target.
什么時(shí)候用id?
- label與form控件的關(guān)聯(lián)放航,
<label for="MyInput">My Input</label> <input id="MyInput" type="text">
for屬性指定與label關(guān)聯(lián)的元素的id,不可用name替代圆裕。 - CSS的元素選擇機(jī)制广鳍,以#MyId的方式指定應(yīng)用樣式的元素,不能用name替代吓妆。
- 腳本中獲得對(duì)象:IE支持在腳本中直接以id(而不是name)引用該id標(biāo)識(shí)的對(duì)象赊时。
例如上面的input,要在腳本中獲得輸入的內(nèi)容行拢,可以直接以MyInput.value來(lái)獲得祖秒。如果用DOM的話,則用document.getElementById("MyInput").value舟奠,如果要用name的話竭缝,通常先得到包含控件的form,例如document.forms[0]沼瘫,然后從form再引用name抬纸,注意這樣得到的是經(jīng)過(guò)計(jì)算后將發(fā)送給服務(wù)器的值。