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表单”不仅需要考虑表单的基本功能,还需要注重其在视觉上的吸引力和交互上的友好性,通过合理的布局、样式化和验证机制,为用户提供高效且愉快的填写体验。
在本篇内容中,我们将详细探讨如何使用jQuery来获取form表单中input元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...
<input type="text" id="name" name="name" placeholder="请输入您的名字" autofocus> 年龄: <input type="number" id="age" name="age" min="18" max="100"> ``` 在处理表单数据时,还可以利用JavaScript...
- **ID 与 Name 的区别**:在本例中,尽管使用了 `getElementById()` 方法,但表单元素的 `name` 属性被用作 ID。这可能不是最佳实践,因为 `id` 应该是唯一的,而 `name` 可以重复。在实际应用中,建议为每个表单...
form表单: <form name="myform" id="myform" action="ssss" method="post" onsubmit="getUrl();"> javascript方法: [removed] function getUrl(){ $('form').attr('action','new_url'); } [removed] ...
在form表单上添加一个提交事件调用验证数据方法 <form name="listform" action="resume-doAdd" method="post" onsubmit="return Validator.Validate(this,3);"> <input type="text" id="linkPhone" name=...
本文实例讲述了ASP.NET在MVC控制器中获取Form表单值的方法。分享给大家供大家参考,具体如下: 在MVC控制器中,如果我们想直接获取表单中某个标签元素的值,可以使用MVC中提供的FormCollection类,具体用法如下所示...
本文将深入探讨“简单的form表单模板”及其相关知识点。 首先,我们需要了解HTML中的`<form>`标签。它是创建表单的基础,用于定义用户输入数据的区域。例如: ```html <form action="submit.php" method="post"> ...
根据提供的标题“js获取form表单”及描述“ajax js一次性获取form表单”,我们可以明确本篇文章将围绕JavaScript(简称JS)中如何通过Ajax技术一次性获取HTML中的`<form>`表单数据进行详细介绍。 #### 二、知识点...
3. **初始化ajaxForm**:在JavaScript中,找到表单元素并调用ajaxForm方法。例如: ```javascript $('#myForm').ajaxForm({ dataType: 'json', // 数据类型,根据服务器返回的数据格式设置 beforeSubmit: ...
在做自己的毕业设计的时候将自己的表单元素ID和name命名为了nodeName: 代码如下: <form> <input type=”text” name=”nodeName” id=”nodeName”> ……….. </form> 在chrome浏览器下可以看到...
这种方式灵活且高效,可以根据业务需求自定义表单结构,同时结合layui的form模块,可以实现表单验证和美化,提高用户体验。在实际项目中,你可能还需要考虑更复杂的需求,如表单重用、动态增删表单行等,这需要你对...
一旦该表单被提交,就会执行回调函数,并且能够获取到表单中的数据。 ###知识点三:数据表格的刷新 在回调函数中,我们看到关键的一行代码: ```javascript table.reload('tableReload',{ page:{ curr:1 }, ...
在FORM表单中,可以使用input、select、textarea等控件来接收用户的输入,然后使用request.getParameter()方法来获取表单中的数据,例如:<% String name= request.getParameter("name"); %>,这将获取名为"name"的...
EXT框架(通常指的是Ext JS)作为一种成熟且功能丰富的JavaScript库,提供了强大的UI组件和便捷的数据处理方法,其中就包括了异步提交FORM表单的功能。 #### 二、EXT异步提交FORM表单的基本原理与实现 ##### 2.1 ...
在这个例子中,`id`被用来标识`<form>`和`<input>`元素,而`name`属性则用于提交表单数据时作为字段名。通过`<label>`标签的`for`属性,我们还可以方便地将标签与相应的输入框关联起来,提高用户体验。 #### 总结 ...
总结起来,Struts Form表单通过Form Bean将JSP页面的表单数据与后台处理逻辑关联起来,简化了Web应用的数据管理。同时,它允许与HTML原生的表单元素混合使用,提供了更大的灵活性。理解并熟练运用Struts Form,对于...
总结,这个实例演示了如何使用jQuery和AJAX来实现Form表单的无刷新提交。通过这种方式,用户可以在提交表单后立即看到结果,而无需等待页面刷新,提高了交互性和用户体验。记住,实际应用中你需要根据具体需求调整...
在CGI与FORM表单交互的过程中,主要有以下几个步骤: 1. 用户在前端浏览器填写HTML表单,表单数据可以通过GET或POST方法提交。GET方法的数据会附加在URL后面,而POST方法的数据则包含在HTTP请求的主体中。 2. 当...
在HTML页面中,表单(`form`)是用于收集用户输入数据的元素,而JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,常用于前后端数据传输。本篇将详细介绍如何在HTML表单中收集数据,并利用jQuery的`...