html input 锚,锚点(anchor)和表单(input)中id和name的区别

id和name在锚点和表单中相爱相杀,上演了一幕幕凄美绝伦的争斗合体伦理剧。。。

锚点设置中,推荐使用id

在锚点设置中,name作为古老的势力,现在已经完全被id取代了(HTML5删除name设置锚点)。

name只能为a元素设置锚点,而id元素可以为任何元素设置锚点。

同时,id可以在css和js中作为独一无二的选择器使用,而name不可以。

所以,name你就在冷宫呆着吧,别怪本王独宠id ^&^

表单设置中,双飞是唯一选择

在表单设置中,name攀附了强大的势力,那就是服务器。

服务器获取表单的数据只能通过风流的name,一个name可勾搭多个控件,例如radio,checkbox等等。

而id本性高洁,在一个文档里是唯一的,因此浏览器选择使用name来发送request给服务器。

作为数据的名称,name当然不可或缺了。

然而,id也占有自己的地盘并找到强大的盟友,那就是label、css和js。

UserName:

Male

Female

label的for寻找的是独一无二的id,而name代表的是某个名称的输入。

以radio单选框为例,male和female都是单选框控件的id,是独一无二的,label很清楚自己对应的是哪个单选框。

sex是单选框组的name,这里选择的是性别,因此name均为sex,选择的结果以sex的名称提交给服务器。

另外CSS和JS选择当然是以id为依据,这也是id比name强大的地方哦~

name和id两位爱妃均是表单君王所爱,那当然雨露均沾,一起摇摆咯。。。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值