HTML中Form屬性Name和ID的區(qū)別
HTML文本是由HTML命令組成的描述性文本,HTML命令可以說(shuō)明文字、圖形、動(dòng)畫(huà)、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部(Head)、主體(Body)兩大部分,其中頭部描述瀏覽器所需的信息,而主體則包含所要說(shuō)明的具體內(nèi)容。
name原來(lái)是為了標(biāo)識(shí)之用,但是現(xiàn)在根據(jù)規(guī)范,都建議用id來(lái)標(biāo)識(shí)元素。但是name在以下用途是不能替代的:
1. 表單(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ù)的。
2. frame和window的名字,用于在其他frame或window指定target。
以下兩者可以通用,但是強(qiáng)烈建議用id不要用name:
錨點(diǎn),通常以前寫(xiě)作
- <a name="myname">
現(xiàn)在可以用任何的元素id來(lái)指定:
- <div id="myid">
以下只能用id:
1. 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替代。
2. CSS的元素選擇機(jī)制,以#MyId的方式指定應(yīng)用樣式的元素,不能用name替代。
3. 腳本中獲得對(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ù)器的值。
name與id的還有區(qū)別是:id要符合標(biāo)識(shí)的要求,比如大小寫(xiě)敏感,最好不要包含下劃線(因?yàn)椴患嫒軨SS)。而name基本上沒(méi)有什么要求,甚至可以用數(shù)字。
希望對(duì)大家有幫助。
【編輯推薦】
- CSS實(shí)現(xiàn)HTML元素透明的那些事
- 3款新鮮的CSS3&HTML5框架
- HTML5筆記之HTML5的定義
- HTML5中div section article的區(qū)別
- HTML5筆記之為什么需要HTML5