好!欢迎访问迷津渡口 现在时间是: 天气 °C ~ °C

迷津渡口

越感到迷惑 越接近真理

锚点(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。

<form method="post" action="submit.php">
  <label for="username">UserName:</label>
  <input type="text" id="username" name="username" /><br />
  <label for="male">Male</label>
  <input type="radio" id="male" name="sex" value="male" /><br />
  <label for="female">Female</label>
  <input type="radio" id="female" name="sex" value="female" /><br />
</form>

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

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

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

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


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

点赞3
   支持一下
挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
 点赞
 签到
 表情
 图片
 代码
提交评论

清空信息
关闭评论
格宾网
 格宾网 2017-05-27 21:22回复
#1
不错的文章,内容见缝插针.禁止此消息:nolinkok@163.com
顶部留言底部
 00:00/00:00
我想和你虚度时光 - 花房姑娘(9)
  1. 我想和你虚度时光
  2. 花房姑娘
  3. 恋恋风尘
  4. 我喜爱一切不彻底的事物
  5. 我的心里是满的
  6. Long Way
  7. 给少年的歌
  8. 晴日共剪窗
  9. 天上的月你的脸