HTML、CSS里面关于 id、class、name 属性的区别和用法.pdf
版权申诉
152 浏览量
2022-11-26
19:08:24
上传
评论
收藏 263KB PDF 举报
id name class 区别
博客分类：
html/css
CSS 应用服务器 JavaScriptIE 脚本
html 中 id 与 Name 的区别
一个 name 可以同时对应多个控件，比如 checkbox 和 radio，而 id 必须是全文
档中唯一的
id 的用途
1、 id 就是 Client 端 HTML 元素的 Identity（标记），主要是在客户端
脚本里用。
2、 label 与 form 控件的关联
如<label for="MyInput">My Input</label>
<input id="MyInput" type="text">
for 属性指定与 label 关联的元素的 id，不可用 name 替代
3、脚本中获得对象：
IE 支持在脚本中直接以 id（而不是 name）引用该 id 标识的对象。例如上面的
input，要在脚本中获得输入的内容，可以直接以 MyInput.value 来获得。如果
用 DOM 的话，则用 document.getElementById("MyInput").value，如果要用 name
的话，通常先得到包含控件的 form，例如 document.forms[0]，然后从 form 再
引用 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: 建立页面中的锚点，我们知道<a href="URL">link</a>是获得一个
页面超级链接，如果不用 href 属性，而改用 Name，如：<a
资源评论
