自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

HTML中Form屬性Name和ID的區(qū)別

開(kāi)發(fā) 前端
HTML(Hyper Text Mark-up Language)即超文本標(biāo)記語(yǔ)言或超文本鏈接標(biāo)示語(yǔ)言,是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言,也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言。本文主要介紹HTML中的一個(gè)小細(xì)節(jié),一起來(lái)看。

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ě)作

  1. <a name="myname"> 

 

現(xiàn)在可以用任何的元素id來(lái)指定:

  1. <div id="myid"> 

 

以下只能用id:

1. label與form控件的關(guān)聯(lián),

  1. <label for="MyInput">My Input</label> 
  2. <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ì)大家有幫助。

【編輯推薦】

  1. CSS實(shí)現(xiàn)HTML元素透明的那些事
  2. 3款新鮮的CSS3&HTML5框架
  3. HTML5筆記之HTML5的定義
  4. HTML5中div section article的區(qū)別
  5. HTML5筆記之為什么需要HTML5

 

責(zé)任編輯:于鐵 來(lái)源: 百度空間
相關(guān)推薦

2025-04-18 10:36:15

2010-08-17 09:41:22

DIVSpan

2010-09-09 14:16:24

pxemCSS

2010-09-14 13:05:10

VisibilityDisplayCSS DIV

2010-08-23 13:29:43

HTMLpadding

2010-08-23 13:45:28

padding-botCSSpadding-rig

2010-08-20 15:56:58

padding-toppadding-lefCSS

2011-10-14 09:53:52

HTML 5

2010-08-23 13:21:51

padding-lefpadding-rigCSS

2010-08-23 15:40:18

MarginBorderPadding

2010-09-07 16:21:37

CSSDisplayVisibility

2010-08-30 10:52:39

CSSclassid

2010-08-23 14:16:17

DIVclassid

2023-11-20 14:41:34

Python屬性

2010-09-28 10:33:59

HTML DOM Ch

2010-09-16 10:29:47

DisplayVisibilityCSS

2010-08-23 10:57:14

CSSclassid

2011-05-12 16:45:02

HTML5divsection

2023-10-12 08:25:18

Javaequals內(nèi)存

2010-08-25 09:03:03

marginpadding
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)