网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

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://bjjierui.cn/article/ijijih.html

其他资讯