首頁  >  文章  >  web前端  >  html中id與name的差別是什麼

html中id與name的差別是什麼

青灯夜游
青灯夜游原創
2021-11-01 16:07:5611040瀏覽

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

html中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>
html中id與name的差別是什麼
#
<script>
document.getElementById("p2").style.color="red";
</script>
html中id與name的差別是什麼

#
<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中id與name的差別是什麼

效果圖:

##html中的name屬性

name屬性同樣是用來識別HTML元素的,但它不具有是唯一行,它的值可以重複使用,例如:單選按鈕 html中id與name的差別是什麼
效果圖:


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

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

html中id與name的差別是什麼

rrreee

效果圖:

##說明:

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

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn