html里name和id的区别

发布网友 发布时间：2022-04-19 04:40

我来回答

共8个回答

热心网友 时间：2022-04-19 06:09

ID和Name都可以用来标识一个标记，Javascript分别有两个方法getElementById和getElementByName来定位Dom节点。
区别如下：
1、我们知道在网页做Post提交时，是以Form（即表单域）为单位进行提交的，一个Form里有若干个表单对象(如<input type="text" name="UserName" value="请输入姓名"/>)，同一个页面里可以为多个Form（Asp.net不同，它只允许有一个，且名字必须为Form1），在表单表提交到服务器端后，可以直接通过Name属性取到表单域的值，却无法通过ID直接取到该表表单对象的值。
2、同一个Form里不能有多个name属性相同的HTML标记，但如果一个网页中有多个Form，则不同的Form里可以有同个Name属性的标记。而ID是全局的，在一个HTML文档里不能有多个节点使用相同的ID，无论它处在哪个Form里。
3、在建立CSS样式的时候，可以建立ID样式表（以＃为前缀），使具有该ID的样式直接应用该样式，而无法建立Name样式表。
4、在进行网页编辑时建议使用ID来标识一个节点，而不是使用Name（除非是为了Post提交的需要），同样使用Javascript进行Dom节点定位时建议使用getElementById方法，因为只有ID能唯一标识一个节点，而同一个网页里可能会有多个Name属性相同的节点，它们分别处在不同的Form里。

热心网友 时间：2022-04-19 07:27

name与id的还有区别是：id要符合标识的要求，比如大小写敏感，最好不要包含下划线（因为不兼容CSS）。而name基本上没有什么要求，甚至可以用数字。

<a name="myname"> 
<div id="myid"> 
<label for="MyInput">My Input</label> <input id="MyInput" type="text"> 



HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。

name原来是为了标识之用，但是现在根据规范，都建议用id来标识元素。但是name在以下用途是不能替代的：

1. 表单（form）的控件名，提交的数据都用控件的name而不是id来控制。因为有许多name会同时对应多个控件，比如checkbox和radio，而id必须是全文档中唯一的。此外浏览器会根据name来设定发送到服务器的request。因此如果用id，服务器是无法得到数据的。

2. frame和window的名字，用于在其他frame或window指定target。

以下两者可以通用，但是强烈建议用id不要用name：

锚点，通常以前写作




现在可以用任何的元素id来指定：




以下只能用id：

1. label与form控件的关联，




for属性指定与label关联的元素的id，不可用name替代。

2. CSS的元素选择机制，以#MyId的方式指定应用样式的元素，不能用name替代。

3. 脚本中获得对象：

IE支持在脚本中直接以id（而不是name）引用该id标识的对象。例如上面的input，要在脚本中获得输入的内容，可以直接以MyInput.value来获得。

如果用DOM的话，则用document.getElementById("MyInput").value，如果要用name的话，通常先得到包含控件的form，例如document.forms[0]，然后从form再引用name，注意这样得到的是经过计算后将发送给服务器的值。

热心网友 时间：2022-04-19 09:02

html的name和id可以类比身份证的姓名和身份证编号
编号id具有唯一性，一个id只出现一次。
名称name具备可重复性，可以多次出现。
在css中两者都具备识别html元素的作用，name用点号.表示，id用井号#
一般name用于通用多次出现元素的样式定义，id用于唯一性元素样式定义。

在表单当中，由于有些控件具备多元素特性，例如radio checkbox等，使用id不便于表单数据的提交，此外浏览器会根据name来设定发送到服务器的request，因此在表单当中，用name来提交数据。

当然，在实际的html中，也完全可以不用id，用单独的class也可以起到代替id的作用。但是在js中，是无法通过class直接后去html元素的， 定义id便于相关操作。

更多详情可参考百度文库
http://wenku.baidu.com/view/a3fcdc976bec0975f465e2c4.html

热心网友 时间：2022-04-19 10:53

1、name指的是用户名称,ID指的是用户注册是系统自动分配给用户的一个序列号。 name是用来提交数据的，提供给表单用，可以重复；id则针对文档操作时候用，不能重复。如：document.getElementById()；
2、ID是在客户端脚本里用!NAME是用于获取提交表单的某表单域信息，在form里面,如果不指定Name的话,就不会发送到服务器端。

热心网友 时间：2022-04-19 13:01

id 可以定义CSS样式，但最好只设置一个，因为脚本在查找DOM的时候只会返回第一个ID，如果要多个标签用同一样式，那就用class追问那name呢

追答name是提交表单时，后台处理的所提交数据的一个映射，比如的输入框中输入了123并提交，提交的表单中 test = 123， 懂不。

热心网友 时间：2022-04-19 15:26

name是为元素定义一个名称，id class 主要是方便CSS 找到，定义样式

热心网友 时间：2022-04-19 18:07

“在css中两者都具备识别的作用，name用点号.表示，id用井号#”
name只能用 [name=]

热心网友 时间：2022-04-19 21:05

html中：name指的是用户名称,ID指的是用户注册是系统自动分配给用户的一个序列号。 name是用来提交数据的，提供给表单用，可以重复；id则针对文档操作时候用，不能重复。如：document.getElementById()；
一、ID是在客户端脚本里用!NAME是用于获取提交表单的某表单域信息，在form里面,如果不指定Name的话,就不会发送到服务器端。
二、以下元素input、select、form、frame、iframe用name，而以下元素table、tr、 td、div、p、span、h1、li用id，表单元素(form input textarea select)与框架元素(iframe frame)用 name，这些元素都与表单(框架元素作用于form的target)提交有关, 在表单的接收页面只接收有name的元素, 赋ID的元素通过表单是接收不到值的.
当然上述元素也可以赋ID值, 赋ID值的时候引用这些元素的方法就要变一下了.
赋 name: document.formName.inputName document.frames("frameName")
赋 ID : document.all.inputID document.all.frameID
只能赋ID不能赋name的元素:(除去与表单相关的元素都只能赋ID)
body li a table tr td th p div span pre dl dt dd font b 等等