标签归档:ID属性和NAME属性

HTML中ID和NAME属性的相同点和不同点

某次某日被某人问了一个问题:id和name有哪些相同点,又有哪些不同点?当时只记得id唯一,name可以重复,name可以被用来在表单提交时将字段传给服务器而id不行。
惭愧,从做WEB开发开始,这两个东东就陪伴着我,而我到现在还不知道二都到底有哪些共同点和哪些不同。
惭愧惭愧,应该反省,切记切记:知其然,知其所以然!

【概述】
一般来说,ID是唯一的,可以使用document.getElementByID(id)来获取,而name不一定是唯一的,可能使用document.getElementsByName(name)来获取有相同名字的控件数组。
当一个页面中存在相同ID的时候,如果使用document.getElementByID(id)来获取对象,此时会获取第一个ID为id的控件。
另外ID是区分大小写的,而name相对来说没有这样的限制。
name原来是为了标识之用,但是现在根据规范,都建议用id来标识元素。

【id和name都可以使用】
1、使用链接建立锚点;
使用链接建立锚点时,id和name的效果一样(FF下)即:

1
2
3
<a id="c4">c4</a>
等于
<a name="c4">c4</a>

【只能使用id】
1、label和form控件的关联
例如常见的checkbox和label的关联:

1
2
<input type="checkbox" name="demo" value="ON" id="demo"/>
<label for="demo">DEMO Lable</label>

for属性指定与label关联的元素的id,不可用name替代。另外id与for属性的值需要一样,一模一样。
2、CSS的ID选择器;

【只能使用name】
1、表单(form)的控件名,浏览器会根据name将表单控件的内容发送给服务器的request。
2、frame和window的名字,用于在其他frame或window指定target。
3、作为对象的标识,如Applet、Object、Embed等元素。比如在Applet对象实例中,我们将使用其Name来引用该对象。
4、某些特定元素的属性,如 attribute和param 。
例如为 Object 定义参数

1
<param name = “appletParameter" value = “value”>

5、单选和复选框的分组,radio在一个组内只能选择一个,此时我们使用name属性来实现这个分组,凡是具有相同name的radio中只能选择一个。

【参考资料】

http://www.blogjava.net/rapin/archive/2008/04/01/190133.html

http://www.blogjava.net/flysky19/articles/86733.html