html5中id和name的区别

如题所述

  HTML 中 id与name 区别

    一个name可以同时对应多个控件,比如checkbox和radio

    而id必须是全文档中唯一的

  id的用途
1) id是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 name="PageBottom"></a>,我们就获得了一个页面锚点,如<strong><a name="1" id="1"></a>Experience (XP)</strong>,详见 示例

  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">。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2016-09-23
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 等等
第2个回答  2016-12-27
html5中id和name的区别如下:
1、id是一个全局的唯一标识,可以作为一个html对象唯一替代。
比如:
<form name="myCheckListForm">
<input type="text" id="checklistItem" value="just a text">
</form
验证数值的时候可用:checklistItem.value)
而不用document.getElementById("checklistItem").value
2、name是一个对象的内部名字,有可能重复,所以搜索的时候要按层次进行,比如
<form name="myCheckListForm">
<input type="text" name="checklistItem" value="just a text">
</form>
取值的时候要使用:document.myCheckListForm.checklistItem.value
以上就需要遍历所有的属性来找到name为checklistItem对象的value值。本回答被网友采纳
第3个回答  2016-09-27
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值的时候引用这些元素的方法就要变一下了。

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网