本篇內(nèi)容主要講解“HTML中的id和name的用途和區(qū)別”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“HTML中的id和name的用途和區(qū)別”吧!

創(chuàng)新互聯(lián)主要從事網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)東麗,十載網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢(xún)建站服務(wù):028-86922220

id的用途

1、id就是Client端HTML元素的Identity(標(biāo)記)，主要是在客戶(hù)端腳本里用。

2、label與form控件的關(guān)聯(lián),如

My Input

for屬性指定與label關(guān)聯(lián)的元素的id，不可用name替代

3、腳本中獲得對(duì)象：

IE支持在腳本中直接以id(而不是name)引用該id標(biāo)識(shí)的對(duì)象。

例如上面的input，要在腳本中獲得輸入的內(nèi)容，可以直接以 MyInput.value來(lái)獲得。

如果用DOM的話(huà)，則用document.getElementById("MyInput").value，

如果要用name的話(huà)，通常先得到包含控件的form，例如document.forms[0]，然后從form再引用name，注意這樣得到的是經(jīng)過(guò)計(jì)算后將發(fā)送給服務(wù)器的值

name的用途

用途1: 主要是用于獲取提交表單的某表單域信息， 作為可與服務(wù)器交互數(shù)據(jù)的HTML元素的服務(wù)器端的標(biāo)示，比如input、select、textarea、框架元素(iframe、frame、 window的名字，用于在其他frame或window指定target)和button等，這些元素都與表單(框架元素作用于form的target)提交有關(guān)，瀏覽器會(huì)根據(jù)name來(lái)設(shè)定發(fā)送到服務(wù)器的request，在表單的接收頁(yè)面只接收有name的元素, 所以賦ID的元素通過(guò)表單是接收不到值的。 我們可以在服務(wù)器端根據(jù)其N(xiāo)ame通過(guò)Request.Params取得元素提交的值。在form里面，如果不指定Name，就不會(huì)發(fā)送到服務(wù)器端 。

用途2: HTML元素Input type='radio'分組，我們知道radio button控件在同一個(gè)分組類(lèi)，check操作是mutex的，同一時(shí)間只能選中一個(gè)radio，這個(gè)分組就是根據(jù)相同的Name屬性來(lái)實(shí)現(xiàn)的。

用途3: 建立頁(yè)面中的錨點(diǎn)，我們知道link是獲得一個(gè)頁(yè)面超級(jí)鏈接，如果不用href屬性，而改用Name，如：，我們就獲得了一個(gè)頁(yè)面錨點(diǎn)。

用途4: 作為對(duì)象的Identity，如Applet、Object、Embed等元素。比如在Applet對(duì)象實(shí)例中，我們將使用其N(xiāo)ame來(lái)引用該對(duì)象。

用途5: 在IMG元素和MAP元素之間關(guān)聯(lián)的時(shí)候，如果要定義IMG的熱點(diǎn)區(qū)域，需要使用其屬性u(píng)semap，使usemap="#name"(被關(guān)聯(lián)的MAP元素的Name)。

用途6: 某些特定元素的屬性，如attribute，meta和param。例如為Object定義參數(shù)或Meta中。

name與id的其他區(qū)別

id要符合標(biāo)識(shí)的要求，比如大小寫(xiě)敏感，好不要包含下劃線(xiàn)(因?yàn)椴患嫒軨SS)。

而name基本上沒(méi)有什么要求，甚至可以用數(shù)字。table、tr、td、div、p、span、h2、li等元素一般用id。

在進(jìn)行網(wǎng)頁(yè)編輯時(shí)建議使用ID來(lái)標(biāo)識(shí)一個(gè)節(jié)點(diǎn)，而不是使用Name(除非是為了Post提交的需要)，同樣使用Javascript進(jìn)行Dom節(jié)點(diǎn)定位時(shí)建議使用getElementById方法，因?yàn)橹挥蠭D能標(biāo)識(shí)一個(gè)節(jié)點(diǎn)，而同一個(gè)網(wǎng)頁(yè)里可能會(huì)有多個(gè)Name屬性相同的節(jié)點(diǎn)，它們分別處在不同的Form里。

與表單相關(guān)的元素也可以賦ID值, 但為這些元素賦ID值的時(shí)候引用這些元素的方法就要變一下了，具體的如下：

賦name時(shí)引用元素的方式: document.formName.inputName或document.frames("frameName")

賦id時(shí)引用元素的方式: document.all.inputID或document.all.frameID

除去與表單相關(guān)的元素，只能賦id不能賦name，這些元素有body、li、a、table、tr、td、th、p、div、span、pre、dl、dt、dd、font、b等等。

到此，相信大家對(duì)“HTML中的id和name的用途和區(qū)別”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)建站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢(xún)，關(guān)注我們，繼續(xù)學(xué)習(xí)！

分享名稱(chēng)：HTML中的id和name的用途和區(qū)別-創(chuàng)新互聯(lián)
當(dāng)前URL：http://aaarwkj.com/article24/coccce.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、虛擬主機(jī)、動(dòng)態(tài)網(wǎng)站、建站公司、網(wǎng)站內(nèi)鏈、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)