中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

html中id屬性和name屬性的區別有哪些

發布時間:2020-09-16 10:14:48 來源:億速云 閱讀:146 作者:小新 欄目:web開發

這篇文章主要介紹html中id屬性和name屬性的區別有哪些,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

在html中,id屬性和name屬性都是提供標識符,表示HTML元素標簽的。那么它們之間有什么區別?

html中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中id屬性和name屬性的區別有哪些的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

黎川县| 武陟县| 晋中市| 平南县| 文山县| 红安县| 林口县| 南木林县| 厦门市| 敦煌市| 定陶县| 昌都县| 双城市| 恩施市| 清苑县| 吉安县| 津市市| 桐梓县| 陇川县| 赫章县| 永福县| 巫溪县| 沙洋县| 周宁县| 牙克石市| 锡林浩特市| 晋州市| 新巴尔虎左旗| 浙江省| 文成县| 庄浪县| 西华县| 宁夏| 太原市| 商南县| 松滋市| 宁城县| 马关县| 金山区| 日土县| 巴林右旗|