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://azwzsj.com/article/ijijih.html