HTML中Id和Name的区别

======================================================
注：本文源代码点此下载
======================================================

在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.inputnamedocument.frames("framename")

赋 id: document.all.inputiddocument.all.frameid

只能赋id不能赋name的元素:(除去与表单相关的元素都只能赋id)

body li a table tr td th p div span pre dl dt dd font b 等等

举个简单的例子

用户名:

密码:

如果我要获得用户名和密码;js用name获得的话,就得写成document.form1.username.value;

document.form1.password.value;

用id获得:

docuement.getelementbyid("username");

docuement.getelementbyid("pwd");

有时候name 可能会出现相同的名字,所以这时候我们用name获得就无法确定获得的是哪个值了。

document.getelemntsbyname("username");

这里得到的是一个数组

document.getelementsbyname(xxx); 取出的数组

document.getelementbyid(xxx); 取出是单个对象

还有需要注意的

有些元素 比如 div 可以用 id名字直接得到对象

div1.innerhtml = "asdfasdf";

而表单元素 就不可以这样了

只能用 document.getelementbyid(xx)

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/