HTML中ID与NAME的区别

可以说几乎每个做过Web开发的人都问过,到底元素的ID和Name有什么区别阿?为什么有了ID还要有Name呢?而同样我们也可以得到最经典的答案:ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的。

上面一段对于ID和Name的解答说的太笼统了,以下我们来具体探讨一下。

一、name和id 都可以用来调用html中的元素

当我们需要在脚本里访问页面内一个html元素的时候,一般都是通过指定HTML元素的id或name

WEB标准下可以通过getElementById() 、getElementsByName() 、 getElementsByTagName()访问HTML文档中的任一个元素。

要访问某一特定元素尽量用标准的document.getElementById(id)。

如果一个文档中有两个以上的标签NAME相同,那么document.getElementsByName(name)就可以取得这些元素组成一个数组。

访问标签则用标准的document.getElementByTagName(tag)。

注意:id 标识的是大小写敏感的,而name基本上没有什么要求,甚至可以用数字。

二、什么情况下必须用name?

1、表单元素(例如:form、input、textarea、select 、button 等)通常与表单提交有关,在表单的接收页面只接收有name的元素,赋id的元素通过表单是接收不到值的。

2、表单元素复选框checkbox、单选按钮 radio 通常会对应多个控件,这时必须用name属性来实现分组。同一组使用同一个name。使两个题目的选项之间不产生干扰。

3、框架元素(iframe、frame)的名字,用于在其他iframe、frame指定target。

4、建立页面中的锚点,我们知道link是获得一个页面超级链接,如果不用href属性,而改用name,如:,我们就获得了一个页面锚点。

5、在IMG元素和MAP元素之间关联的时候,如果要定义IMG的热点区域,需要使用其属性usemap,使usemap=”#name”(被关联的MAP元素的name)。

6、某些特定元素的属性,如attribute,meta和param。例如为Object定义参数或Meta中

三、什么情况下必须用id ?

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

登录后复制

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

#my{      font-size: 12px;      color: red;}

设置字体大小和颜色

登录后复制

               

以上就是HTML中ID与NAME的区别的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2834044.html

(0)
上一篇 2025年3月9日 05:36:25
下一篇 2025年3月9日 05:36:32

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • HTML页面Meta介绍(一)

    您的个人网站即使做得再精彩,在浩瀚如海的网络空间中,也如一叶扁舟不易为人发现,如何推广个人网站,人们首先想到的方法无外乎以下几种: ● 在搜索引擎中登录自己的个人网站 ● 在知名网站加入你个人网站的链接 ● 在论坛中发帖子宣传你的个人网站 …

    编程技术 2025年3月9日
    200
  • HTML中关于<!DOCTYPE>标签的细节

    标签很简单,你或许会不在意。但是你有没有仔细了解过标签?W3cschool上建议使用XHTML Transitional DTD,很多人就很听话地把Dreamweaver的HTML文档类型默认设置为XHTML 1.0 Transitiona…

    编程技术 2025年3月9日
    200
  • HTML 表单和输入

    HTML 表单 表单是一个包含表单元素的区域。 表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。 表单使用表单标签 HTML 表单 &…

    编程技术 2025年3月9日
    200
  • 你必须了解的html、css和js注释规范用法

    添加必要的注释,对一个有责任心、有道德模范的前端必须具备的好习惯,可以大大提高代码的可维护性、可读性。下面小编给大家介绍下html、css和js注释规范用法小结,需要的的朋友参考下吧 添加必要的注释,对一个有责任心、有道德模范的前端必须具备…

    编程技术 2025年3月9日
    200
  • html编写edm时有哪些要注意的?

    这篇文章主要介绍了html编写edm时注意事项小结(一般发邮件需要注意的地方),需要的朋友可以参考下 格式编码 1、页面宽度请设定在600到800px以内,长度1024px以内。 2、HTML编码请使用utf-8。 3、HTML代码在15K…

    2025年3月9日 编程技术
    200
  • 一个用Html制作的漂亮登录页面

    这篇文章主要为大家详细介绍了html制作简单而漂亮的登录页面具体代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 先来看看样子。 html源码: nbsp;html>                Login          …

    2025年3月9日
    200
  • HTML图片与超链接学习笔记

    本文总结的html图片与超链接学习笔记,希望对大家学习html有帮助! HTML图片与超链接学习笔记 ①图片       标签,属性有:    src,图片链接,分绝对路径和相对路径 立即学习“前端免费学习笔记(深入)”; width宽度 …

    编程技术 2025年3月9日
    200
  • 什么是无序列表、有序列表 、定义列表?html列表标签学习笔记

    本文介绍什么是列表标签?无序列表、有序列表 、定义列表?列表标签学习笔记,希望对html初学者有帮助!( html在线视频教程) 列表标签     什么是列表标签呢? 以平台区分有什么游戏? 手游 立即学习“前端免费学习笔记(深入)”; p…

    2025年3月9日
    200
  • HTML修饰符和特殊标签学习笔记

    本人总结的html修饰符和特殊标签学习笔记,希望对html初学者有帮助!更多教程请关注【创想鸟】html视频教程 ①修饰符:     作用:修饰显示的方式,并不改变网页的结构,需要修饰的内容写在修饰标签内     常用文字和段落修饰符: 立…

    编程技术 2025年3月9日
    200
  • HTML文档申明和编码标签学习笔记

    本人总结的html文档申明和编码标签学习笔记,更多教程请关注【创想鸟】html视频教程 ①文档申明     作用:为了使浏览器更好的显示HTML文件,必须告知浏览器你的文件为HTML     语法: 立即学习“前端免费学习笔记(深入)”; …

    2025年3月9日
    200

发表回复

登录后才能评论