`

form表单中name和id区别

    博客分类:
  • jsp
jsp 
阅读更多
HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。
         name原来是为了标识之用,但是现在根据规范,都建议用id来标识元素。但是name在以下用途是不能替代的:
            1. 表单(form)的控件名,提交的数据都用控件的name而不是id来控制。因为有许多name会同时对应多个控件,比如checkbox和radio,而id必须是全文档中唯一的。此外浏览器会根据name来设定发送到服务器的request。因此如果用id,服务器是无法得到数据的。
           2. frame和window的名字,用于在其他frame或window指定target。
以下两者可以通用,但是强烈建议用id不要用name:
锚点,通常以前写作
<a name="myname"> 
现在可以用任何的元素id来指定:
<div id="myid"> 
以下只能用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基本上没有什么要求,甚至可以用数字。
分享到:
评论

相关推荐

    漂亮的form表单-漂亮的form表单

    在网页设计中,表单(Form)是...总的来说,创建“漂亮的form表单”不仅需要考虑表单的基本功能,还需要注重其在视觉上的吸引力和交互上的友好性,通过合理的布局、样式化和验证机制,为用户提供高效且愉快的填写体验。

    jquery获取form表单input元素值的简单实例

    在本篇内容中,我们将详细探讨如何使用jQuery来获取form表单中input元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...

    美观又功能齐全的HTML form表单

    &lt;input type="text" id="name" name="name" placeholder="请输入您的名字" autofocus&gt; 年龄: &lt;input type="number" id="age" name="age" min="18" max="100"&gt; ``` 在处理表单数据时,还可以利用JavaScript...

    jsp页面js调用form表单的值的方法

    - **ID 与 Name 的区别**:在本例中,尽管使用了 `getElementById()` 方法,但表单元素的 `name` 属性被用作 ID。这可能不是最佳实践,因为 `id` 应该是唯一的,而 `name` 可以重复。在实际应用中,建议为每个表单...

    动态设置form表单的action属性的值的简单方法

    form表单: &lt;form name="myform" id="myform" action="ssss" method="post" onsubmit="getUrl();"&gt; javascript方法: [removed] function getUrl(){ $('form').attr('action','new_url'); } [removed] ...

    JS验证页面form表单数据,齐全

    在form表单上添加一个提交事件调用验证数据方法 &lt;form name="listform" action="resume-doAdd" method="post" onsubmit="return Validator.Validate(this,3);"&gt; &lt;input type="text" id="linkPhone" name=...

    ASP.NET在MVC控制器中获取Form表单值的方法

    本文实例讲述了ASP.NET在MVC控制器中获取Form表单值的方法。分享给大家供大家参考,具体如下: 在MVC控制器中,如果我们想直接获取表单中某个标签元素的值,可以使用MVC中提供的FormCollection类,具体用法如下所示...

    简单的form表单模板

    本文将深入探讨“简单的form表单模板”及其相关知识点。 首先,我们需要了解HTML中的`&lt;form&gt;`标签。它是创建表单的基础,用于定义用户输入数据的区域。例如: ```html &lt;form action="submit.php" method="post"&gt; ...

    js获取form表单

    根据提供的标题“js获取form表单”及描述“ajax js一次性获取form表单”,我们可以明确本篇文章将围绕JavaScript(简称JS)中如何通过Ajax技术一次性获取HTML中的`&lt;form&gt;`表单数据进行详细介绍。 #### 二、知识点...

    ajaxForm异步提交表单(含图片)

    3. **初始化ajaxForm**:在JavaScript中,找到表单元素并调用ajaxForm方法。例如: ```javascript $('#myForm').ajaxForm({ dataType: 'json', // 数据类型,根据服务器返回的数据格式设置 beforeSubmit: ...

    使用jQuery时Form表单元素ID和name命名大忌

    在做自己的毕业设计的时候将自己的表单元素ID和name命名为了nodeName: 代码如下: &lt;form&gt; &lt;input type=”text” name=”nodeName” id=”nodeName”&gt; ……….. &lt;/form&gt; 在chrome浏览器下可以看到...

    基于jQuery和layui的form表单自定义js动态生成

    这种方式灵活且高效,可以根据业务需求自定义表单结构,同时结合layui的form模块,可以实现表单验证和美化,提高用户体验。在实际项目中,你可能还需要考虑更复杂的需求,如表单重用、动态增删表单行等,这需要你对...

    layui form表单提交之后重新加载数据表格的方法

    一旦该表单被提交,就会执行回调函数,并且能够获取到表单中的数据。 ###知识点三:数据表格的刷新 在回调函数中,我们看到关键的一行代码: ```javascript table.reload('tableReload',{ page:{ curr:1 }, ...

    jsp表单的FORM传值

    在FORM表单中,可以使用input、select、textarea等控件来接收用户的输入,然后使用request.getParameter()方法来获取表单中的数据,例如:&lt;% String name= request.getParameter("name"); %&gt;,这将获取名为"name"的...

    EXT异步提交FORM表单

    EXT框架(通常指的是Ext JS)作为一种成熟且功能丰富的JavaScript库,提供了强大的UI组件和便捷的数据处理方法,其中就包括了异步提交FORM表单的功能。 #### 二、EXT异步提交FORM表单的基本原理与实现 ##### 2.1 ...

    在html中 id和name的区别

    在这个例子中,`id`被用来标识`&lt;form&gt;`和`&lt;input&gt;`元素,而`name`属性则用于提交表单数据时作为字段名。通过`&lt;label&gt;`标签的`for`属性,我们还可以方便地将标签与相应的输入框关联起来,提高用户体验。 #### 总结 ...

    struts form 表单 用法

    总结起来,Struts Form表单通过Form Bean将JSP页面的表单数据与后台处理逻辑关联起来,简化了Web应用的数据管理。同时,它允许与HTML原生的表单元素混合使用,提供了更大的灵活性。理解并熟练运用Struts Form,对于...

    使用AJAX提交Form表单实例演示

    总结,这个实例演示了如何使用jQuery和AJAX来实现Form表单的无刷新提交。通过这种方式,用户可以在提交表单后立即看到结果,而无需等待页面刷新,提高了交互性和用户体验。记住,实际应用中你需要根据具体需求调整...

    CGI程序与FORM表单交互的实现1

    在CGI与FORM表单交互的过程中,主要有以下几个步骤: 1. 用户在前端浏览器填写HTML表单,表单数据可以通过GET或POST方法提交。GET方法的数据会附加在URL后面,而POST方法的数据则包含在HTTP请求的主体中。 2. 当...

    html对应的文件中 将form 表单数据 转化为json 格式

    在HTML页面中,表单(`form`)是用于收集用户输入数据的元素,而JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,常用于前后端数据传输。本篇将详细介绍如何在HTML表单中收集数据,并利用jQuery的`...

Global site tag (gtag.js) - Google Analytics