id与name的作用,作为标签的标识符,基本上是一样的。

name是老方法,id是在name基础上发明的,比name“现代化”一点,用的范围广一点

<...>中的name原来(刚发明时)就是用于本页按一下转向过去用的。

一般认为:ID就像是一个人的身份证号,显然是唯一的。

而name就像是他的名字,而name是可以重复的。

ID和name问题描述:

在页面里输入了一个input type="hidden",只写了一个id="Wxinfo",赋值后submit,

在后台用Request.Params["Wxinfo"]却怎么也找不到值。后来明白原因用name

来标示,于是在input里加了一个name="Wxinfo",就可以了。

第一段里对id和name的解说有点笼统,但它对id来说是完全对的,他就是Client端

html元素的Identity。而name其实要复杂的多,因为name有很多用途,所以它并不能完全由ID来代替。

name的具体用途有:

1、作为可与服务器交互数据的HTML元素的服务器短的标识,比如input,select,button等

我们可以在服务器端根据Name通过Request.Parems取得元素提交的值。

2、HTML元素Input type="radio"分组,我们知道radio button控件在同一个分组类

check操作是mutex的,同一时间只能选中一个radio,这个分组就是根据相同的name属性来实现的。

3、建立页面中的锚点,我们知道<a href="URl">link</a>获得一个页面超链接,如果不用href

属性而改用Name,如<a name="PageBottom"></a>,我们就获得了一个页面锚点。

4、作为对象的Identity,如Applet、Object、Embed等元素,比如在Applet对象实例中

我们将使用Name来引用对象。

5、在IMG元素与MAP元素之间关联的时候,如果要定义IMG的热点区域,需要使用其

属性usemap 使用usemap="#name"(被关联的MAP元素的Name)

6、某些特定元素的属性,如attribute、meta和param.例如为Object定义参数

<PARAM NAME="appletParameter" VALUE="value">或Meta中

<META NAME="Author" CONTENT="Dave Raggett">.

以上的用途都不能简单的使用ID来代替,所以HTML元素的ID和Name的却别并不是身份证号码和姓名这样的区别,它们更本就是不同作用的东西。 ----------------------------------------------------------------------------------------- 除 BASE, HEAD, HTML, META, SCRIPT, STYLE, TITLE 标签外,id 都可用.

name只用于APPLET,SELECT,FORM,FRAME,IFRAME,IMG,A,INPUT,OBJECT,MAP,PARAM,META. (name有时有自己的用途)

table 中 name 无定义, 应当用 id.

有些标签,可以同时有name和id。

在一个HTML网页中,id是唯一的。

id 在HTML中的作用:

(1) 用id选择相应的style sheet(风格).

(2) <A ..> 链接的目的地

(3) 脚本语言用它找目的地(找该id的标签)

(4) 作为名字,用于声明某OBJECT element

(5) 作为一个标签或块的区分标致(用于从HTML网页中取出数据放入数据库或把HTML翻译成别的格式,等情况).

(参考HTML 4.0 定义)

name原来是为了标识之用,但是现在根据规范,都建议用id来标识元素。

以下只能用name:

1. 表单(form)的控件名,提交的数据都用控件的name而不是id来控制。

因为有许多name会同时对应多个控件,比如 checkbox和radio,而id必须是全文档中唯一的。

此外浏览器会根据name来设定发送到服务器的request。

因此如果用id,服务器是无 法得到数据的。

2. frame和window的名字,用于在其他frame或window指定target。

以下只能用id:

1. label与form控件的关联, <label for="MyInput">My Input</label> <input id="MyInput" type="text">

for属性指定与label关联的元素的id,不可用name替代。

2. CSS的元素选择机制,以#MyId的方式指定应用样式的元素,不能用name替代。

3. 脚本中获得对象: IE支持在脚本中直接以id(而不是name)引用该id标识的对象。

例如上面的input,要在脚本中获得输入的内容,可以直接以 MyInput.value来获得。

如果用DOM的话,则用document.getElementById("MyInput").value,

如果要用name的话,通常先得到包含控件的form,例如 document.forms[0],然后从form再引用name,

注意这样得到的是经过计算后将发送给服务器的值。

name与id的其他区别是: id要符合标识的要求,比如大小写敏感,最好不要包含下划线(因为不兼容CSS)。而name基本上没有什么要求,甚至可以用数字 。

用CSS控制这个链接的停留样式,
可以这样写 #m_blog div .opt a:hover{color:#D57813} 或 #myLink:hover{color:#D57813}
NAME主要应用在交互式网页,表单提交给某个服务器端脚本后接收变处理量使用。从源代码的规范性和兼容性角度出发,如在客户端
脚本里要索引某个对象,建议用document.getElementById()方法,尽量不要直接使用NAME的值

文转自http://wenku.baidu.com/view/a3fcdc976bec0975f465e2c4.html。

html里id和name的异同的更多相关文章

  1. id和instancetype的异同

    相同点: 都可以作为方法返回值类型 在initWithName:方法中是一样的,例如: - (id)initWithName:(NSString *)name; - (instancetype)ini ...

  2. 记一下ajax里get与post的异同

    以下均为个人笔记,如有错误,欢迎指正 get与post在写法上来讲基本上差不多 $.ajax({ type:"get",//get data:data, success:funct ...

  3. 详述.NET里class和struct的异同

    结构与类共享几乎所有相同的语法,但结构比类受到的限制更多:尽管结构的静态字段可以初始化,结构实例字段声明还是不能使用初始值设定项. 结构不能声明默认构造函数(没有参数的构造函数)或析构函数. 结构的副 ...

  4. 随笔 JS 字符串 分割成字符串数组 并动态添加到指定ID的DOM 里

    JS /* * 字符串 分割成字符串数组 并动态添加到指定ID的DOM 里 * @id 要插入到DOM元素的ID * * 输入值为图片URL 字符串 * */ function addImages(i ...

  5. js 字符串分割成字符串数组 遍历数组插入指定DOM里 原生JS效果

    使用的TP3.2 JS字符串分割成字符串数组 var images='{$content.pictureurl} ' ;结构是这样 attachment/picture/uploadify/20141 ...

  6. 89、instancetype和id的区别

    1>instancetype在类型表示上,跟id一样,可以表示任何对象类型 2>instancetype只能用在返回值类型上,不能像id一样用在参数类型上 3>instancetyp ...

  7. css 格式中id与class共存

    PHP文件中有一段:<div class="post-alt blog" id="post-alt"> CSS文件中有一段:.post-alt {X ...

  8. .NET面试题目

    简单介绍下ADO.NET和ADO主要有什么改进? 答:ADO以Recordset存储,而ADO.NET则以DataSet表示,ADO.NET提供了数据集和数据适配器,有利于实现分布式处理,降低了对数据 ...

  9. asp.net面试题汇总

    1.静态成员和非静态成员的区别? 答: 静态变量使用 static 修饰符进行声明,在类被实例化时创建,通过类进行访问不带有 static 修饰符声明的变量称做非静态变量,在对象被实例化时创建,通过对 ...

随机推荐

  1. 错误命令“if not exist "\Dll" mkdir "\Dll" xcopy "\bin\Debug\*.*" "F:\647\VS项目\EtrolMes2014SY\Framework\Dll" /e /i /y”已退出,代码为 9009

    分析错误 第一步:观察错误,发现plugin文件夹中未生成对应的编译文件. 第二步:XCOPY命令无法执行,百度xcopy为何无法执行 第三步,搜索,发现环境变量未配置正确. 就是环境变量path(大 ...

  2. iOS学习笔记(十一)——JSON数据解析

    在之前的<iOS学习——xml数据解析(九)>介绍了xml数据解析,这一篇简单介绍一下Json数据解析.JSON 即 JavaScript Object Natation,它是一种轻量级的 ...

  3. Problem H. Hotel in Ves Lagos

    Problem H. Hotel in Ves Lagos Input le: hotel.in Output le: hotel.out Time limit: 1 second Memory li ...

  4. <2013 07 29> 游泳

    7月12日,在巴塞罗那的海滩学会用狗刨式游泳. 7月14日,在尼斯-戛纳海滩继续练习,稍式蛙泳仰泳. 7月28日,在慕尼黑某湖边吃烧烤,下湖练习. 7月29日,在慕尼黑奥林匹克游泳馆学会了仰泳,稍试自 ...

  5. KVM WEB管理工具webvirtmgr安装和使用

    生产环境的KVM宿主机越来越多,需要对宿主机的状态进行调控.这里用webvirtmgr进行管理.图形化的WEB,让人能更方便的查看kvm 宿主机的情况和操作 1 安装支持的软件源 yum -y ins ...

  6. python下多线程的限制以及多进程中传递参数的方式

    python多线程有个全局解释器锁(global interpreter lock),这个锁的意思是任一时间只能有一个线程使用解释器,跟单cpu跑多个程序一个意思,大家都是轮着用的,这叫“并发”,不是 ...

  7. 0402-服务注册与发现-Eureka Server使用、将服务注册到Eureka server上

    一.Eureka Server使用 官方文档地址:http://cloud.spring.io/spring-cloud-static/Edgware.SR3/single/spring-cloud. ...

  8. 004-诠释 Java 工程师【二】

    三.框架篇 框架基础 反射:反射是Java开发的一类动态相关机制.因为本身Java语言并不是一款动态语言,如果我们想要得到程序动态的效果,因此便引入了反射机制这一概念. 怎么表达反射? 能用反射做什么 ...

  9. 201703 ABAP面试题002

    转自: ABAP 面试问题及答案(一):数据库更新及更改 SAP Standard (转) 问题一:锁对象(Lock Object)和 FM(Function Module)激活锁定对象时,产生的 F ...

  10. Shallow Copy & Deep Copy in Python list

    今天在写一个小程序的时候用到了2维数组, 顺手就写成了[[0.0]*length]*length, 结果为了这个小错,调试了半个多小时, 其实之前对与浅复制和深复制已经做过学习和总结, 但真正编程用到 ...