站長資訊網
最全最豐富的資訊網站

html中id與name的區別是什么

區別: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的區別是什么

id屬性是普遍兼容的,對任何元素都有效。且id屬性的值是區分大小寫的,每個id值都應該是唯一的。例:

<div id="demo">  <div id="a">div標簽,id值為a</div>  <p id="A">p標簽,id值為A</p> </div>
#a{ color: red;} #A{ color: pink;}

效果圖:

html中id與name的區別是什么

html中的name屬性

name屬性同樣是用來標識HTML元素的,但它不具有是唯一行,它的值可以重復使用,例:單選按鈕

<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的區別是什么

正如上例所示,name屬性經常在表單中使用,用來提交信息;它僅對a, form, iframe, img, map, input, select, textarea等標簽元素有效。

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' 的元素有多少個?" />

效果圖:

html中id與name的區別是什么

說明:

可以這樣說,ID是一個人的身份證號碼,而Name是這個人的名字。兩者可以同時存在,共享相同的命名空間(兩者的值可以相同)。

推薦教程:《html視頻教程》

贊(0)
分享到: 更多 (0)
網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
亚洲日本久久久午夜精品| 99re在线这里只有精品| 亚洲国产日韩综合久久精品| 国产精品麻豆欧美日韩WW| 国产精品喷水在线观看| 2022国产精品手机在线观看| 久久96国产精品| 亚洲高清国产AV拍精品青青草原| 91精品国产综合久久婷婷| 精品伦精品一区二区三区视频| 无码精品久久一区二区三区| 日韩精品无码区免费专区| 亚洲日韩一页精品发布| 国产中的精品一区的| 国产精品任我爽爆在线播放| 精品国产亚洲AV麻豆| 国产精品亚洲专区无码WEB| 亚洲中文字幕久久精品蜜桃| 97久久精品人妻人人搡人人玩| 精品无码成人片一区二区98| 亚洲国产精品线观看不卡| 亚洲熟妇无码久久精品| 亚洲精品国产免费| 亚洲中文久久精品无码1| 4444亚洲国产成人精品| 91天堂素人精品系列全集亚洲 | 久久亚洲精品成人无码网站| 麻豆国产在线精品国偷产拍| 亚洲国语精品自产拍在线观看| 久久国产精品最新一区| 日韩精品真人荷官无码| 久久亚洲精品国产精品| 91热久久免费精品99| 日本精品www色| 热久久视久久精品18| 亚洲中文精品久久久久久不卡| 欧美成人精品三级网站下载| 麻豆精品无码国产在线果冻| 日韩精品无码人妻免费视频| 国产精品va在线观看手机版| 三上悠亚日韩精品|