时间：2023-02-20 06:42:01 | 来源：建站知识
时间：2023-02-20 06:42:01 来源：建站知识
html中id属性和name属性的区别是什么：在html中，id属性和name属性都是提供标识符，表示HTML元素标签的。那么它们之间有什么区别？本篇文章就给大家简单比较一下id属性和name属性，介绍id属性和name属性之间的区别是什么，希望对大家有所帮助。
在线咨询
<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;} 效果图：<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>效果图：<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' 的元素有多少个？" />效果图：关键词：属性,区别
