本篇內(nèi)容介紹了“html中id與name的區(qū)別有哪些”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

專注于為中小企業(yè)提供成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)新建免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了上千企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

區(qū)別：1、id屬性的值是區(qū)分大小寫的，每個(gè)id值都應(yīng)該是唯一的；而name屬性不具有是唯一性，它的值可以重復(fù)使用。2、用途不一樣，id屬性可以用作錨引用，也可用作ID選擇器；而name屬性在表單中使用，用來提交信息。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

在html中，id屬性和name屬性都是提供標(biāo)識(shí)符，表示HTML元素標(biāo)簽的。那么它們之間有什么區(qū)別？本篇文章就給大家簡(jiǎn)單比較一下id屬性和name屬性，介紹id屬性和name屬性之間的區(qū)別是什么，希望對(duì)大家有所幫助。

html中的id屬性

我們使用id屬性可以標(biāo)識(shí)唯一的HTML元素，可以在在URL中用作錨引用（帶#符號(hào)的URL），或者在css中用作ID選擇器來設(shè)置該元素的樣式。也可以在javascript中，使用getElementById()，通過id屬性值來查找元素，在對(duì)元素進(jìn)行操作。例：

<p id="p1">測(cè)試文本！測(cè)試文本！</p>
<p id="p2">測(cè)試文本！測(cè)試文本！</p>

<script>
document.getElementById("p2").style.color="red";
</script>

id屬性是普遍兼容的，對(duì)任何元素都有效。且id屬性的值是區(qū)分大小寫的，每個(gè)id值都應(yīng)該是唯一的。例：

<div id="demo">
 <div id="a">div標(biāo)簽，id值為a</div>
 <p id="A">p標(biāo)簽，id值為A</p>
</div>

#a{ color: red;}
#A{ color: pink;}

效果圖：

html中的name屬性

name屬性同樣是用來標(biāo)識(shí)HTML元素的，但它不具有是唯一行，它的值可以重復(fù)使用，例：?jiǎn)芜x按鈕

<form action="" method="get"> 
 最喜歡水果？<br /><br /> 
 <label><input name="Fruit" type="radio" value="" />蘋果 </label> <br /> 
 <label><input name="Fruit" type="radio" value="" />桃子 </label> <br /> 
 <label><input name="Fruit" type="radio" value="" />香蕉 </label> <br /> 
 <label><input name="Fruit" type="radio" value="" />梨 </label> <br /> 
 <label><input name="Fruit" type="radio" value="" />其它 </label> <br /> 
</form>

效果圖：

正如上例所示，name屬性經(jīng)常在表單中使用，用來提交信息；它僅對(duì)a, form, iframe, img, map, input, select, textarea等標(biāo)簽元素有效。

name屬性可以在在javascript中，使用getElementsByName()來查找元素；但無法在CSS或URL中被引用。例：

<script type="text/javascript">
function getElements()
 {
 var x=document.getElementsByName("myInput");
 alert(x.length);
 }
</script>
 
 
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()" value="名為 'myInput' 的元素有多少個(gè)？" />

效果圖：

說明：

可以這樣說，ID是一個(gè)人的身份證號(hào)碼，而Name是這個(gè)人的名字。兩者可以同時(shí)存在，共享相同的命名空間（兩者的值可以相同）。

“html中id與name的區(qū)別有哪些”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

網(wǎng)站欄目：html中id與name的區(qū)別有哪些
文章分享：http://aaarwkj.com/article46/pdepeg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、定制開發(fā)、響應(yīng)式網(wǎng)站、網(wǎng)站設(shè)計(jì)公司、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站收錄

廣告

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