html中id與name的差別是什麼

區別：1、id屬性的值是區分大小寫的，每個id值都應該是唯一的；而name屬性不具有是唯一性，它的值可以重複使用。 2.用途不一樣，id屬性可以用作錨引用，也可用作ID選擇器；而name屬性在表單中使用，用來提交資訊。

本教學操作環境：windows7系統、HTML5版、Dell G3電腦。

在html中，id屬性和name屬性都是提供標識符，表示HTML元素標籤的。那麼它們之間有什麼區別？本篇文章就跟大家簡單比較一下id屬性和name屬性，介紹id屬性和name屬性的差別是什麼，希望對大家有幫助。

html中的id屬性

我們使用id屬性可以標識唯一的HTML元素，可以在URL中用作錨引用（帶#符號的URL），或者在css中使用作ID選擇器來設定該元素的樣式。也可以在javascript中，使用getElementById()，透過id屬性值來找出元素，在對元素進行操作。例：

<p id="p1">测试文本！测试文本！</p>
<p id="p2">测试文本！测试文本！</p>

#

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

#

<div id="demo">
 <div id="a">div标签，id值为a</div>
 <p id="A">p标签，id值为A</p>
</div>

##id屬性是普遍相容的，對任何元素都有效。而id屬性的值是區分大小寫的，每個id值都應該是唯一的。範例：

<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>

效果圖：

##html中的name屬性

name屬性同樣是用來識別HTML元素的，但它不具有是唯一行，它的值可以重複使用，例如：單選按鈕

效果圖：

#如上例所示，name屬性經常在表單中使用，用來提交資訊；它只對a, form, iframe, img, map, input, select, textarea等標籤元素有效。

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

rrreee

效果圖：

##說明：

######可以這樣說，ID是一個人的身分證號碼，而Name是這個人的名字。兩者可以同時存在，共享相同的命名空間（兩者的值可以相同）。 ######推薦教學：《###html影片教學###》###

以上是html中id與name的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！