HTML中Id和Name的区别
- 作者：网页模板
- 类型：图文教程
- 点击次数：
- 发布时间：2014-07-17 11:51
在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 等等
举个简单的例子
1 | <form name="form1"> |
2 | 用户名：<input type=text name="username" id="username"> |
3 | 密码：<input type=password name="password" id="pwd"> |
4 | </form> |
1 | document.form1.username.value; |
2 | document.form1.password.value; |
1 | docuement.getElementById("username"); |
2 | docuement.getElementById("pwd"); |
document.getElemntsByName("username");
这里得到的是一个数组
1 | document.getElementsByName(xxx); 取出的数组 |
2 | document.getElementById(xxx); 取出是单个对象 |
有些元素，比如div可以用id名字直接得到对象
1 | <div id="div1"></div> |
2 | div1.innerHTML = "asdfasdf"; |
1 | document.getElementById(xx) |
(责任编辑：网页模板)
- 本文标签：
- HTML id,HTML name,id name区别
