html id和name用法詳述

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?

  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.

什么時(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ù)器的值。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末耿戚,一起剝皮案震驚了整個(gè)濱河市湿故,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌溅话,老刑警劉巖晓锻,帶你破解...
    沈念sama閱讀 219,039評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異飞几,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)独撇,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)屑墨,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)躁锁,“玉大人,你說(shuō)我怎么就攤上這事卵史≌阶” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,417評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵以躯,是天一觀的道長(zhǎng)槐秧。 經(jīng)常有香客問(wèn)我,道長(zhǎng)忧设,這世上最難降的妖魔是什么刁标? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,868評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮址晕,結(jié)果婚禮上膀懈,老公的妹妹穿的比我還像新娘。我一直安慰自己谨垃,他們只是感情好启搂,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,892評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著刘陶,像睡著了一般胳赌。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上匙隔,一...
    開(kāi)封第一講書(shū)人閱讀 51,692評(píng)論 1 305
  • 那天匈织,我揣著相機(jī)與錄音,去河邊找鬼牡直。 笑死缀匕,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的碰逸。 我是一名探鬼主播乡小,決...
    沈念sama閱讀 40,416評(píng)論 3 419
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼饵史!你這毒婦竟也來(lái)了满钟?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,326評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤胳喷,失蹤者是張志新(化名)和其女友劉穎湃番,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體吭露,經(jīng)...
    沈念sama閱讀 45,782評(píng)論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡吠撮,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,957評(píng)論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了讲竿。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片泥兰。...
    茶點(diǎn)故事閱讀 40,102評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡弄屡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出鞋诗,到底是詐尸還是另有隱情膀捷,我是刑警寧澤,帶...
    沈念sama閱讀 35,790評(píng)論 5 346
  • 正文 年R本政府宣布削彬,位于F島的核電站全庸,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏融痛。R本人自食惡果不足惜壶笼,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,442評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望酌心。 院中可真熱鬧拌消,春花似錦、人聲如沸安券。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,996評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)侯勉。三九已至鹦筹,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間址貌,已是汗流浹背铐拐。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,113評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留练对,地道東北人遍蟋。 一個(gè)月前我還...
    沈念sama閱讀 48,332評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像螟凭,于是被迫代替她去往敵國(guó)和親虚青。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,044評(píng)論 2 355

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

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案螺男? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,754評(píng)論 1 92
  • HTML 中 id與name 區(qū)別 一個(gè)name可以同時(shí)對(duì)應(yīng)多個(gè)控件,比如checkbox和radio淆院。而id必須...
    Yinag閱讀 688評(píng)論 0 1
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理何乎,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,662評(píng)論 18 139
  • 你偷偷地把她設(shè)置成特別關(guān)心脯燃,生怕錯(cuò)過(guò)她哪怕一句晚安搂妻; 你把她設(shè)置成隱身訪問(wèn)的對(duì)象,擔(dān)心點(diǎn)開(kāi)她頭像的次數(shù)太多引起她的...
    念重光閱讀 529評(píng)論 0 3
  • 一個(gè)人 在這邊揮手 眼中強(qiáng)忍淚流 一個(gè)人 不愿回頭 但心掛著這頭 別離 是為了下次的歡聚 遠(yuǎn)走 是為了更好的遇見(jiàn) ...
    芷葶閱讀 351評(píng)論 0 0