html中id属性和name属性有哪些区别

小编给大家分享一下html中id属性和name属性有哪些区别,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

成都创新互联专注于湖州企业网站建设,响应式网站,购物商城网站建设。湖州网站建设公司,为湖州等地区提供建站服务。全流程定制网站开发,专业设计,全程项目跟踪,成都创新互联专业和态度为您提供的服务

html中id属性和name属性有哪些区别

html中的id属性

我们使用id属性可以标识唯一的HTML元素,可以在在URL中用作锚引用(带#符号的URL),或者在css中用作ID选择器来设置该元素的样式。也可以在javascript中,使用getElementById(),通过id属性值来查找元素,在对元素进行操作。例:

1

2

测试文本!测试文本!

测试文本!测试文本!

html中id属性和name属性有哪些区别

1

2

3

html中id属性和name属性有哪些区别

id属性是普遍兼容的,对任何元素都有效。且id属性的值是区分大小写的,每个id值都应该是唯一的。例:

1

2

3

4

    

div标签,id值为a

    

p标签,id值为A

1

2

#a{ color: red;}

#A{ color: pink;}

效果图:

html中id属性和name属性有哪些区别

html中的name属性

name属性同样是用来标识HTML元素的,但它不具有是唯一行,它的值可以重复使用,例:单选按钮

1

2

3

4

5

6

7

8

    最喜欢水果?

    

    

    

    

    

效果图:

html中id属性和name属性有哪些区别

正如上例所示,name属性经常在表单中使用,用来提交信息;它仅对a, form, iframe, img, map, input, select, textarea等标签元素有效。

name属性可以在在javascript中,使用getElementsByName()来查找元素;但无法在CSS或URL中被引用。例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

 

 





效果图:

html中id属性和name属性有哪些区别

说明:

可以这样说,ID是一个人的身份证号码,而Name是这个人的名字。两者可以同时存在,共享相同的命名空间(两者的值可以相同)。

看完了这篇文章,相信你对“html中id属性和name属性有哪些区别”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


文章标题:html中id属性和name属性有哪些区别
当前网址:http://csruizhi.cn/article/ijijih.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 企业手机网站建设 网站建设方案 四川成都网站建设 营销型网站建设 成都响应式网站建设公司 定制网站建设多少钱 定制级高端网站建设 成都网站建设推广 企业网站设计 公司网站建设 网站设计 成都做网站建设公司 高端网站设计 成都网站设计 成都网站制作 网站建设费用 外贸网站建设 成都网站制作 网站建设推广 成都网站制作公司 重庆网站制作 移动手机网站制作