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

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號
久久精品国产清自在天天线| 国内精品自线在拍2020不卡| 日韩激情淫片免费看| 国产成人精品日本亚洲直接| 嫩B人妻精品一区二区三区| 日韩十八禁一区二区久久| 久久国语露脸国产精品电影| 中文字幕精品视频在线观看| 国产伦精品一区二区三区视频小说| 2021国产精品自在拍在线播放| 久久国产午夜精品一区二区三区| 四虎成人精品在永久免费| 国产69精品久久久久777| 国产美女精品一区二区三区| 无码专区人妻系列日韩精品少妇| 国内精品自线在拍2020不卡| 亚洲国产精品久久久久婷婷软件 | 亚洲中文字幕久久精品无码2021| 9久9久热精品视频在线观看| 日韩精品免费在线视频| 囯产精品久久久久久久久久妞妞| 亚洲永久永久永久永久永久精品 | 午夜国产精品免费观看| 久久精品7亚洲午夜a| 久久精品女人天堂AV麻| 日韩在线视频网址| 国产成人精品视频午夜| 呦交小u女国产精品视频| 久久久久久亚洲精品成人| 中文字幕精品无码一区二区三区| 老司机精品视频免费| vvvv99日韩精品亚洲| 无码人妻精品丰满熟妇区| 最新国产成人亚洲精品影院| 日韩精品无码久久久久久| 99精品国产99久久久久久97 | 日韩精品一区二区三区四区| 精品99又大又爽又硬少妇毛片| 亚洲日韩一中文字暮| 国产成人精品男人的天堂网站| 精品无码综合一区二区三区|