name
指定标签的名称。
- 格式
<input type="text" name="name" />
- 特征
name属性的值在当前页面下没有唯一性，可以多个一样 - 用途
1）主要是用于获取提交表单的某表单域信息， 作为可与服务器交互数据的HTML元素的服务器端的标示，比如input、select、textarea、框架元素(iframe、frame、 window的名字，用于在其他frame或window指定target )和button等，这些元素都与表单(框架元素作用于form的target)提交有关，浏览器会根据name来设定发送到服务器的request， 在表单的接收页面只接收有name的元素, 所以赋ID的元素通过表单是接收不到值的。 我们可以在服务器端根据其name通过Request.Params取得元素提交的值。在form里面，如果不指定name，就不会发送到服务器端。
2）HTML元素Input type='radio'分组，我们知道radio button控件在同一个分组类，check操作是mutex的，同一时间只能选中一个radio，这个分组就是根据相同的name属性来实现的。
3 ) 快速获取一组name相同的标签：获取拥有相同name的标签，一起进行操作，如:更改属性、注册事件等。
id
指定标签的唯一标识。
- 格式
<input type="text" id="id" />
- 特征
id属性的值在当前的页面是唯一的 - 用途
1 ) 根据提供的唯一id号，快速获取标签对象。如：document.getElementById(id)
2 ) 用于充当label标签for属性的值：示例：<label for='userid'>用户名：</label>，表示单击此label标签时，id为userid的标签获得焦点。
class
指定标签的类名。
- 格式
<input type="text" class="text" />
- 特征
可以把多个类放在一个class属性里，但必须用空格隔开；如：class='submit open' - 用途
CSS操作，把一些特定样式放到一个class类中，需要此样式的标签，可以在添加此类。
name与id的其他区别 ：
1 ) id要符合标识的要求，比如大小写敏感，最好不要包含下划线（因为不兼容CSS）。而name基本上没有什么要求，甚至可以 用数字。
2 ) table、tr、td、div、p、span、h1、li等元素一般用id。
3 ) 与表单相关的元素也可以赋ID值, 但为这些元素赋ID值的时候引用这些元素的方法就要变一下了，具体的如下：
赋name时引用元素的方式: document.formName.inputName或document.frames("frameName")
4 ) 赋id时引用元素的方式: document.all.inputID或document.all.frameID
5 ) 除去与表单相关的元素，只能赋id不能赋name，这些元素有body、li、a、table、tr、td、th、p、div、span、pre、dl、dt、dd、font、b等等
id和class的区别
1）class是设置标签的类，用于指定元素属于何种样式的类。在CSS样式中以小写的“点”及“.”来命名。
2）id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名。
3 ) id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容。
欢迎提出宝贵的意见及建议或者补充哦
网友评论