HTML中id和name

ID簡述

id,是identity的縮寫窘哈,中文"身份標(biāo)識號碼"被廓。id的標(biāo)準(zhǔn)定義:“此屬性指定一個元素的名稱术荤。此名稱必須在文檔中是唯一的”雌澄,主要是在客戶端腳本里用斋泄。

  • 用id作為CSS(style sheet)的選擇符

    #tablecolor_id{  color: #cccc00;}
    
  • 作為JavaScript引用的元素名稱

     <input id="input_name"  type="text" value="name" />  
     document.getElementById("input_name").value;訪問元素的
    
NAME簡述
  1. 主要是用于獲取提交表單的某表單域信息掷伙。作為可與服務(wù)器交互數(shù)據(jù)的HTML元素的服務(wù)器端的標(biāo)示是己。瀏覽器會根據(jù)name來設(shè)定發(fā)送到服務(wù)器的request, 在表單的接收頁面只接收有name的元素, 所以賦ID的元素通過表單是接收不到值的任柜。
  2. HTML元素Input type='radio'分組卒废,我們知道radio button控件在同一個分組類,check操作是mutex的宙地,同一時間只能選中一個radio摔认,這個分組就是根據(jù)相同的name屬性來實現(xiàn)的。
  3. 建立頁面中的錨點宅粥,我們知道<a href="URL">link</a>是獲得一個頁面超級鏈接参袱,如果不用href屬性,而改用name秽梅,如:<a name="PageBottom"></a>抹蚀,我們就獲得了一個頁面錨點
  4. 作為對象的Identity,如Applet企垦、Object环壤、Embed等元素。比如在Applet對象實例中钞诡,我們將使用其name來引用該對象郑现。
  5. 在IMG元素和MAP元素之間關(guān)聯(lián)的時候,如果要定義IMG的熱點區(qū)域荧降,需要使用其屬性usemap接箫,使usemap="#name"(被關(guān)聯(lián)的MAP元素的Name)。
  6. 某些特定元素的屬性朵诫,如attribute辛友,meta和param。例如為Object定義參數(shù)<PARAM NAME = "appletParameter" VALUE = "value">或Meta中<META NAME = "Author" CONTENT = "Dave Raggett">剪返。

name屬性取值在一個表單(form)內(nèi)應(yīng)該是唯一的

區(qū)別
如何選擇name與id

name屬性瞎领,通常用于為服務(wù)器端語言(例如:PHP、JSP)獲取用戶提交的信息随夸。id屬性,通常用于為客戶端語言(例如:JavaScript震放、CSS)進行關(guān)聯(lián)完成相關(guān)功能宾毒。

常用注意

1、同一個Form里不能有多個name屬性相同的HTML標(biāo)記殿遂,但如果一個 網(wǎng)頁中有多個Form诈铛,則不同的Form里可以有同個Name屬性的標(biāo)記乙各。而ID是全局的,在一個HTML文檔里不能有多個節(jié)點使用相同的ID幢竹,無論它處在哪個Form里耳峦。
2、在建立CSS樣式的時候焕毫,可以建立ID樣式表(以#為前綴)蹲坷,使具有該ID的樣式直接應(yīng)用該樣式,而無法建立Name樣式表邑飒。
3循签、在進行網(wǎng)頁編輯時建議使用ID來標(biāo)識一個節(jié)點,而不是使用Name(除非是為了Post提交的需要)疙咸,同樣使用Javascript進行Dom節(jié)點定位時建議使用getElementById方法县匠,因為只有ID能唯一標(biāo)識一個節(jié)點,而同一個網(wǎng)頁里可能會有多個Name屬性相同的節(jié)點撒轮,它們分別處在不同的Form里乞旦。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市题山,隨后出現(xiàn)的幾起案子兰粉,更是在濱河造成了極大的恐慌,老刑警劉巖臀蛛,帶你破解...
    沈念sama閱讀 223,002評論 6 519
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件亲桦,死亡現(xiàn)場離奇詭異,居然都是意外死亡浊仆,警方通過查閱死者的電腦和手機客峭,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,357評論 3 400
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來抡柿,“玉大人舔琅,你說我怎么就攤上這事≈蘖樱” “怎么了备蚓?”我有些...
    開封第一講書人閱讀 169,787評論 0 365
  • 文/不壞的土叔 我叫張陵,是天一觀的道長囱稽。 經(jīng)常有香客問我郊尝,道長,這世上最難降的妖魔是什么战惊? 我笑而不...
    開封第一講書人閱讀 60,237評論 1 300
  • 正文 為了忘掉前任流昏,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘况凉。我一直安慰自己谚鄙,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 69,237評論 6 398
  • 文/花漫 我一把揭開白布刁绒。 她就那樣靜靜地躺著闷营,像睡著了一般。 火紅的嫁衣襯著肌膚如雪知市。 梳的紋絲不亂的頭發(fā)上傻盟,一...
    開封第一講書人閱讀 52,821評論 1 314
  • 那天,我揣著相機與錄音初狰,去河邊找鬼莫杈。 笑死,一個胖子當(dāng)著我的面吹牛奢入,可吹牛的內(nèi)容都是我干的筝闹。 我是一名探鬼主播,決...
    沈念sama閱讀 41,236評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼腥光,長吁一口氣:“原來是場噩夢啊……” “哼关顷!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起武福,我...
    開封第一講書人閱讀 40,196評論 0 277
  • 序言:老撾萬榮一對情侶失蹤议双,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后捉片,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體平痰,經(jīng)...
    沈念sama閱讀 46,716評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,794評論 3 343
  • 正文 我和宋清朗相戀三年伍纫,在試婚紗的時候發(fā)現(xiàn)自己被綠了宗雇。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,928評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡莹规,死狀恐怖赔蒲,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情良漱,我是刑警寧澤舞虱,帶...
    沈念sama閱讀 36,583評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站母市,受9級特大地震影響矾兜,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜患久,卻給世界環(huán)境...
    茶點故事閱讀 42,264評論 3 336
  • 文/蒙蒙 一椅寺、第九天 我趴在偏房一處隱蔽的房頂上張望舶沿。 院中可真熱鬧,春花似錦配并、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,755評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至嫉髓,卻和暖如春观腊,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背算行。 一陣腳步聲響...
    開封第一講書人閱讀 33,869評論 1 274
  • 我被黑心中介騙來泰國打工梧油, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人州邢。 一個月前我還...
    沈念sama閱讀 49,378評論 3 379
  • 正文 我出身青樓儡陨,卻偏偏與公主長得像,于是被迫代替她去往敵國和親量淌。 傳聞我的和親對象是個殘疾皇子骗村,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,937評論 2 361

推薦閱讀更多精彩內(nèi)容

  • 總的來說,name是用來提交數(shù)據(jù)的呀枢,提供給表單用胚股,可以重復(fù);id則針對文檔操作時候用裙秋,不能重復(fù)琅拌。如:documen...
    jack2gs閱讀 278評論 0 0
  • 對象區(qū)別jersey 1.id所對應(yīng)對象唯一mysql2.name所對應(yīng)對象可多個react redux示例:ex...
    16孫一凡通工閱讀 371評論 0 0
  • HTML 中 id與name 區(qū)別 一個name可以同時對應(yīng)多個控件泣侮,比如checkbox和radio即彪。而id必須...
    Yinag閱讀 689評論 0 1
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J的外補...
    _Yfling閱讀 13,762評論 1 92
  • 拼貼是用不同的材料活尊,顏色隶校,組成一個主題。用不同材料個個的邊界組成一個個組塊蛹锰,也就是把他們當(dāng)成了一個有材質(zhì)和顏色的面...
    092wiy閱讀 155評論 0 0