HTML 中name 与 id 属性的区别

初看到这个问题,只觉得这是什么鬼,这俩个属性完全是风马牛不相及,有个鬼关系但细细一想,唉

  • 首先id属性常用与css对html页面的修饰,其最大的特点就是唯一,不可重复使用,也可用于同一页面之间的跳转。<br >

  • 而name属性同样起到表示HTML元素的作用,与ID属性不同的是,name属性可重复多用于表单之中,在直接将表单数据提交到后台时,name通常作为变量名,多用于单选按钮。

  • 实例如下

<h1 id="dingbu">哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <a href="#dingbu">跳转到顶部</a>

<form> 男:<input type="radio" name="sex"> 女:<input type="radio" name="sex"> </form>

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

推荐阅读更多精彩内容

  • HTML 中 id与name 区别 一个name可以同时对应多个控件,比如checkbox和radio。而id必须...
    Yinag阅读 708评论 0 1
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,967评论 19 139
  • 22年12月更新:个人网站关停,如果仍旧对旧教程有兴趣参考 Github 的markdown内容[https://...
    tangyefei阅读 35,231评论 22 257
  • 这又是一个大葡萄家超火的产品。 简单来说,推荐理由都是很方便自动出泡,清洁效果好,温和清爽,洗完脸不会紧绷,不拔干...
    fffffwq阅读 477评论 0 0
  • 晌午的蝉鸣 在冬季的伊始 成了回忆 散漫的阳光渗入了场景 看清了 尘埃聚集的桌椅 以及 被墨水打湿 的稿纸 而我敲...
    郭栩鹏阅读 279评论 2 6