html里name和id的区别

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

以下是截取相关片段：

name原来是为了标识之用，但是现在根据规范，都建议用id来标识元素。   

以下只能用name： 

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

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

以下只能用id：   

1. label与form控件的关联，   <label for="MyInput">My Input</label>  <input id="MyInput" type="text">   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，注意这样得到的是经过计算后将发送给服务器的值。

id和name的作用，作为标签的标识符，基本上是一样的，name是老方法，id是在name基础上发明的，比name用的范围更广一点。现在根据规范，都建议使用id。

在dreamwear中，插入表单元素填写的是id，但在代码中既有id值，又有name值，name值保持与id值一致。

 <input type="text" name="username" id="username" />