HTML 中ID和NAME的区别

总的来说,name是用来提交数据的,提供给表单用,可以重复;id则针对文档操作时候用,不能重复。如:document.getElementById();

什么情况下必须用name?

1、表单元素(例如:form、input、textarea、select 、button 等)通常与表单提交有关,在表单的接收页面只接收有name的元素,赋id的元素通过表单是接收不到值的。
2、表单元素复选框checkbox、单选按钮 radio 通常会对应多个控件,这时必须用name属性来实现分组。同一组使用同一个name。使两个题目的选项之间不产生干扰。
3、框架元素(iframe、frame)的名字,用于在其他iframe、frame指定target。
4、建立页面中的锚点,我们知道<a href="URL">link</a>是获得一个页面超级链接,如果不用href属性,而改用name,如:<a name="pageTop"></a>,我们就获得了一个页面锚点。
5、在IMG元素和MAP元素之间关联的时候,如果要定义IMG的热点区域,需要使用其属性usemap,使usemap="#name"(被关联的MAP元素的name)。
6、某些特定元素的属性,如attribute,meta和param。例如为Object定义参数<PARAM NAME = "appletParameter" VALUE = "value">或Meta中<META NAME = "Author" CONTENT = "Admin10000.com">

什么情况下必须用id ?

1、label与form控件的关联。例如:

<label for="myInput">文本录入框</label>
<input id="myInput" type="text"/>

2、id 可以用来设置一个css样式。例如:

<style type="text/css">
#my
{      
  font-size: 12px;
  color: red;
}
</style>

<div id="my">设置字体大小和颜色</div>

参考资料

HTML中ID与NAME的区别

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML 中 id与name 区别 一个name可以同时对应多个控件,比如checkbox和radio。而id必须...
    Yinag阅读 715评论 0 1
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,080评论 19 139
  • 今天又重新听了一遍豌豆公主的故事,还挺有感触。真正的公主是铺着20层的褥子还感觉到豌豆隔着难受。说明,她很敏感。一...
    cff0927阅读 361评论 0 0
  • 时隔近十年,再看《珍珠港》,突然发觉以前看电影貌似都没带脑子,因为如此匠心的经典被我忘的一干二净! 一直以来都认为...
    牛魔王爱上铁扇公主阅读 747评论 0 0
  • 25岁,在最美好的年龄,我生下了我的小公主晨晨,从此,生命中又多了一个牵挂的人! 第一次为人母,要学的东西一个脑袋...
    大禹爱小雨阅读 360评论 0 0