在html中，id属性和name属性都是提供标识符，表示html元素标签的。那么它们之间有什么区别？本篇文章就给大家简单比较一下id属性和name属性，介绍id属性和name属性之间的区别是什么，希望对大家有所帮助。
html中的id属性
我们使用id属性可以标识唯一的HTML元素，可以在在URL中用作锚引用（带#符号的URL），或者在css中用作ID选择器来设置该元素的样式。也可以在javascript中，使用getElementById()，通过id属性值来查找元素，在对元素进行操作。例：
测试文本！测试文本！
测试文本！测试文本！
document.getElementById("p2").style.color="red";
id属性是普遍兼容的，对任何元素都有效。且id属性的值是区分大小写的，每个id值都应该是唯一的。例：
div标签，id值为ap标签，id值为A
#a{ color: red;}#A{ color: pink;}
效果图：
立即学习“前端免费学习笔记（深入）”；
html中的name属性
name属性同样是用来标识HTML元素的，但它不具有是唯一行，它的值可以重复使用，例：单选按钮
最喜欢水果？
效果图：
正如上例所示，name属性经常在表单中使用，用来提交信息；它仅对a, form, iframe, img, map, input, select, textarea等标签元素有效。
name属性可以在在javascript中，使用getElementsByName()来查找元素；但无法在CSS或URL中被引用。例：
function getElements() { var x=document.getElementsByName("myInput"); alert(x.length); }
效果图：
立即学习“前端免费学习笔记（深入）”；
说明：
可以这样说，ID是一个人的身份证号码，而Name是这个人的名字。两者可以同时存在，共享相同的命名空间（两者的值可以相同）。
总结：以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。
以上就是html中id属性和name属性的区别是什么的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1547557.html
微信扫一扫 
支付宝扫一扫 
