`
sakakokiya
  • 浏览: 507436 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML元素的ID和Name属性有什么区别?

阅读更多
ID是唯一的,而Name是可以重复的
ID是Client端HTML元素的Identity。而Name其实要复杂的多,因为Name有很多种的用途,所以它并不能完全由ID来代替,从而将其取消掉。
  具体用途有:
  用途1:  作为可与服务器交互数据的HTML元素的服务器端的标示,比如input、select、textarea、和button等。我们可以在服务器端根据其Name通过Request.Params取得元素提交的值。
  用途2:  HTML元素Input type='radio'分组, 我们知道radio button控件在同一个分组类,check操作是mutex的,同一时间只能选中一个radio,这个分组就是根据相同的Name属性来实现的。
  用途3:  建立页面中的锚点,我们知道link是获得一个页面超级链接,如果不用href属性,而改用Name,如:,我们就获得了一个页面锚点。
  用途4:  作为对象的Identity,如Applet、Object、Embed等元素。比如在Applet对象实例中,我们将使用其Name来引用该对象。
  用途5:  在IMG元素和MAP元素之间关联的时候,如果要定义IMG的热点区域,需要使用其属性usemap,使usemap=”#name”(被关联的MAP元素的Name)。
  用途6:  某些特定元素的属性,如attribute,和param。例如为Object定义参数
  显然这些用途都不是能简单的使用ID来代替掉的,所以HTML元素的ID和Name的却别并不是身份证号码和姓名这样的区别,它们更本就是不同作用的东西。 Client端HTML元素的Identity。而Name其实要复杂的多,因为Name有很多种的用途,所以它并不能完全由ID来代替,从而将其取消掉。
  具体用途有:
  用途1:  作为可与服务器交互数据的HTML元素的服务器端的标示,比如input、select、textarea、和button等。我们可以在服务器端根据其Name通过Request.Params取得元素提交的值。
  用途2:  HTML元素Input type='radio'分组, 我们知道radio button控件在同一个分组类,check操作是mutex的,同一时间只能选中一个radio,这个分组就是根据相同的Name属性来实现的。
  用途3:  建立页面中的锚点,我们知道link是获得一个页面超级链接,如果不用href属性,而改用Name,如:,我们就获得了一个页面锚点。
  用途4:  作为对象的Identity,如Applet、Object、Embed等元素。比如在Applet对象实例中,我们将使用其Name来引用该对象。
  用途5:  在IMG元素和MAP元素之间关联的时候,如果要定义IMG的热点区域,需要使用其属性usemap,使usemap=”#name”(被关联的MAP元素的Name)。
  用途6:  某些特定元素的属性,如attribute,和param。例如为Object定义参数
  显然这些用途都不是能简单的使用ID来代替掉的,所以HTML元素的ID和Name的却别并不是身份证号码和姓名这样的区别,它们更本就是不同作用的东西。
分享到:
评论

相关推荐

    在html中 id和name的区别

    #### Name属性详解 **定义与用途:** - `name` 属性主要用于标识表单元素,并且通常用于提交表单数据时作为字段名。 - `name`在表单元素中非常常见,特别是那些需要提交数据到服务器的输入框、复选框、单选按钮等。...

    html中id与name

    HTML中的`id`和`name`属性虽然在某些方面有相似之处,但它们在语义和用途上存在明显的差异。`id`主要是用来唯一标识页面中的一个元素,确保在整个文档中具有唯一性,以便于通过JavaScript或CSS进行访问和操作。而`...

    HTML、CSS里面关于 id、class、name 属性的区别和用法.pdf

    HTML、CSS 中的 id、class 和 name 属性都是用来标识和区分网页元素的重要特性,但它们各有不同的用途和应用场景。 1. **id 属性** - **唯一性**:id 是文档中每个元素的唯一标识符,必须在整个文档内保持唯一,不...

    HTML、CSS里面关于 id、class、name 属性的区别和用法.docx

    HTML、CSS中关于id、class和name属性是网页开发中的基础概念,它们各自有着不同的用途和应用场景。 首先,**id**属性是HTML元素的唯一标识符。它的主要作用包括: 1. 客户端脚本中引用HTML元素,JavaScript中可以...

    HTML元素的ID和Name属性的区别

    显然这个ID和Name的解答说的太笼统了,当然那个解释对于ID来说是完全对的,它就是Client端HTML元素的Identity。而Name其实要复杂的多,因为Name有很多种的用途,所以它并不能完全由ID来代替,从而将其取消掉。具体...

    浅谈html中id和name的区别.pdf

    HTML中的id和name属性在网页开发中扮演着重要的角色,它们虽然都是用来标识HTML元素,但有着明显的区别和特定用途。 首先,id属性是用于唯一地标识一个元素,确保在整个文档中id是唯一的,这使得id成为CSS选择器和...

    ID与name区分,内有详细例子,可以直接调试

    6. **特定元素属性**:`<param>`、`<meta>`等元素可以使用Name属性来定义具体的参数或元信息,如`<meta name="author" content="AuthorName">`,用于声明页面的作者信息。 #### 示例解析 在给定的部分内容中,通过...

    jquery通过html标签name和id拼接json格式的post数据

    `name`和`id`是HTML元素中的两个关键属性。`name`通常用于表单元素,以便在提交时携带数据;而`id`则用于唯一标识一个元素,便于选中。例如,我们可以使用`$("[name='exampleName']")`来选取所有`name`属性为`...

    a标签的name属性和id属性实现页内跳转的方法

    本文将详细讲解如何利用a标签的name属性和id属性来实现页内跳转,以及这两个属性的区别和使用场景。 首先,a标签的基本结构如下: ```html 目标URL">链接文本 ``` 这里的`href`属性定义了链接的目标位置,可以是...

    javascript通过元素id和name直接取得元素的方法

    JavaScript中获取页面元素的主要方式是通过id和name属性,这是因为HTML元素通常通过这两种属性来唯一或者批量识别。在JavaScript中,使用这两种属性来获取元素具有各自的特点和适用场景。 首先,我们来探讨通过id...

    input中id和name属性的区别示例介绍

    在进行网页前端开发时,我们经常会遇到HTML元素的id和name属性,这两个属性都用于标识HTML元素,但它们各有不同的用途和特性。根据提供的文件内容,我们可以整理出以下关于input中id和name属性的区别和用途的知识点...

    HTML DOM 常用的属性和方法

    在这个模型中,每个HTML元素、文本、注释等都被表示为一个节点,而这些节点可以通过其特定的属性和方法进行操作。 DOM节点类型有多种,其中最常见的是: 1. ElementNode.ELEMENT_NODE(1):表示HTML元素节点,如`...

    HTML5&CSS3网页制作:Input元素的其他属性.pptx

    multiple属性适用于type="email"和type="file"的Input元素,使得用户可以在同一输入框中选择多个电子邮件地址或文件。例如,`<input type="file" name="img" multiple>`允许用户一次选择多张图片进行上传。 5. min...

    浅谈html中id和name的区别实例代码

    2. **CSS选择器**:在CSS中,`id`被用作选择器来定位特定的HTML元素。例如,`#MyId`可以用来选择具有相应`id`属性的元素。 3. **JavaScript访问**:在JavaScript中,可以通过`document.getElementById('MyId')`直接...

    JavaScript通过元素的ID和name设置样式

    通过元素的ID和name属性,JavaScript可以定位特定的HTML元素,进而对这些元素施加样式或执行其他操作。本知识点将详细解读如何利用JavaScript根据元素的ID和name属性来设置样式,并通过示例代码加深理解。 首先,...

    JavaScript获取并更改input标签name属性的方法

    在JavaScript中,获取和更改HTML元素的属性是常见的操作,特别是对于`input`标签,它的`name`属性尤其重要,因为它在表单提交时用于标识数据。本文将深入讲解如何利用JavaScript来获取和更改`input`标签的`name`属性...

    使用jQuery操作元素的属性与样式

    在这个例子中,`id`, `src`, `alt` 和 `class` 等都被视为元素的属性,即所谓的“元素属性”。然而,当这个标签被浏览器解析成DOM对象时,这些“元素属性”会被转换成“DOM属性”。这两个概念之间存在一些细微的差别...

    通过Mootools 1.2来操纵HTML DOM元素

    `.get()` 方法用于获取HTML元素的属性。例如,你可以获取元素的`tag`属性来了解它的HTML标签,或者获取如`id`、`name`、`value`、`href`、`src`、`class`(返回所有CSS类名)和`text`(元素内的文本内容)等其他...

Global site tag (gtag.js) - Google Analytics