本篇內容介紹了“html中id與name的區別有哪些”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!
專注于為中小企業提供成都網站建設、網站建設服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業新建免費做網站提供優質的服務。我們立足成都,凝聚了一批互聯網行業人才,有力地推動了上千企業的穩健成長,幫助中小企業通過網站建設實現規模擴充和轉變。
區別:1、id屬性的值是區分大小寫的,每個id值都應該是唯一的;而name屬性不具有是唯一性,它的值可以重復使用。2、用途不一樣,id屬性可以用作錨引用,也可用作ID選擇器;而name屬性在表單中使用,用來提交信息。
本教程操作環境:windows7系統、HTML5版、Dell G3電腦。
在html中,id屬性和name屬性都是提供標識符,表示HTML元素標簽的。那么它們之間有什么區別?本篇文章就給大家簡單比較一下id屬性和name屬性,介紹id屬性和name屬性之間的區別是什么,希望對大家有所幫助。
我們使用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>
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;}
效果圖:
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>
效果圖:
正如上例所示,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' 的元素有多少個?" />
效果圖:
說明:
可以這樣說,ID是一個人的身份證號碼,而Name是這個人的名字。兩者可以同時存在,共享相同的命名空間(兩者的值可以相同)。
“html中id與name的區別有哪些”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注創新互聯網站,小編將為大家輸出更多高質量的實用文章!
網站欄目:html中id與name的區別有哪些
文章分享:http://vcdvsql.cn/article46/pdepeg.html
成都網站建設公司_創新互聯,為您提供服務器托管、定制開發、響應式網站、網站設計公司、品牌網站設計、網站收錄
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯