`
jackroomage
  • 浏览: 1233080 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

Form 对象中 elements[] 的应用

 
阅读更多

<html>
<body>

<form id="myForm">
Firstname: <input id="fname" type="text" value="Mickey" />
Lastname: <input id="lname" type="text" value="Mouse" />
<input id="sub" type="button" value="Submit" />
</form>

<p>Get the value of all the elements in the form:<br />
<script type="text/javascript">
var x=document.getElementById("myForm");

for (var i=0;i<x.length;i++)
  {
  document.write(x.elements[i].value);
  document.write("<br />");
  }

for (var i=0;i<x.length;i++)
{
    document.write(x.elements[i].type);
    document.write("<br />");
}

</script>
</p>

</body>
</html>

分享到：
| 2012 javascript
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js Form.elements[i]的使用实例

    在JavaScript中，`Form.elements[i]` 是一个非常实用的属性，用于访问HTML表单（`&lt;form&gt;`）中的所有表单元素。这个属性返回一个`HTMLCollection`对象，包含了表单内所有`&lt;input&gt;`、`&lt;select&gt;`、`&lt;textarea&gt;`等可交互...

    将web Form 的数据转化成json字符串及json对象进行处理的JS

    在实际应用中，这样的脚本通常会在表单提交之前运行，将表单数据转换为JSON格式，然后通过Ajax请求或者其他方式发送到服务器，或者在客户端进行进一步处理。 理解这个过程对于任何Web开发者来说都是非常重要的，...

    JavaScript之浏览器对象

    Form对象代表HTML的`&lt;form&gt;`元素，提供了处理用户输入数据的方法和属性，如`form.submit()`提交表单，`form.elements`获取表单元素集合。 十二、数组对象 JavaScript的Array对象提供了处理数组的方法，如`push()`...

    js对象属性大全下载

    Form对象代表HTML中的表单，可以通过以下属性和方法操作表单： - `name`：获取表单的名称。 - `method`：获取或设置表单的提交方式（GET或POST）。 - `action`：获取或设置表单提交的目标URL。 - `target`：指定...

    用 Javascript 验证表单(form)中的单选(radio)值

    此外，需要注意的是，在实际应用中，有时一个表单中只有一个单选按钮，这种情况下的验证方法会略有不同。由于不存在多选的情形，代码中可以直接通过检查单选按钮的checked属性来获取其值。如果单选按钮被选中，则...

    EXT中文手册 Grid Form

    EXT采用了面向对象的设计模式，支持类的继承。开发者可以基于现有的类来创建新的子类，从而实现代码的复用。 #### 补充资料 - **Ext2概述** - EXT2是EXT的一个重要版本，引入了许多新特性，包括组件模型、容器...

    form相关操作

    - **数据获取**：通过`event.target`可以访问到触发事件的元素，`elements`属性可以获取表单中的所有元素，通过`value`属性获取用户输入的值。 - **异步提交**：利用`fetch`或`XMLHttpRequest`实现异步提交，将...

    表单及表单元素

    表单及其元素是Web应用中不可或缺的部分，它们不仅提供了用户与服务器交互的通道，还是数据收集和验证的关键环节。通过深入理解`Form`对象的特性和掌握JavaScript对表单的处理技巧，开发者能够构建出更加高效、安全...

    js清空form表单中的内容示例

    这个示例提供了一个通用的解决方案，但实际应用中可能需要根据具体的表单结构和浏览器兼容性进行调整。在处理复杂表单时，确保考虑所有可能的情况，并测试各种浏览器的兼容性。同时，为了提高用户体验，清空表单内容...

    JavaScript[对象.属性]集锦

    `form`对象是HTML表单的代表，它有`name`、`method`（GET或POST）、`action`和`target`等属性，`elements`数组包含了表单中的所有元素，`length`是元素的数量。`submit()`方法用于提交表单，`onSubmit()`是当用户...

    Javascript的IE和Firefox兼容性参考

    - 集合类对象如forms或elements在IE中可以用括号`( )`访问，Firefox则需要使用方括号`[ ]`。例如，将`document.forms("formName")`改为`document.forms["formName"]`，`document.getElementsByName("inputName")(1)...

    js 使FORM表单的所有元素不可编辑的示例代码

    在JavaScript中，有时我们需要使HTML页面中的FORM表单元素变得不可编辑，以便用户只能查看信息而不能修改。本文将详细讲解如何实现这一...在实际应用中，你可以根据需要调整那些特定的`name`值，以适应不同的表单结构。

    前端设计IE6IE7IE8IE9FF问题汇总IE和FirFox兼容问题[参照].pdf

    1. **document.form.item 问题**：在IE浏览器中，可以使用`document.formName.item("itemName")`来获取表单元素，但在Firefox中，应使用`document.formName.elements["elementName"]`。 2. **集合类对象问题**：IE...

    FF与IE对javascript和CSS的区别

    - 在IE中，可以通过`document.formName.item("itemName")`或`document.formName.elements["elementName"]`访问表单元素。而在FF中，只能使用`document.formName.elements["elementName"]`。为确保兼容性，推荐统一...

    用JavaScript实现CheckBox的多选和反选.pdf

    然后通过 Form 对象来获取页面中的 CheckBox 控件。`for (var i = 0; i &lt; form.elements.length; i++)` 这条语句是获取页面中所有的 HTML 控件，但是我们要获取的是 CheckBox。所以在 For 循环里要加入 `if (form....

    javasxript_document对象详解.txt

    在JavaScript中，`Document`对象是构成浏览器文档对象模型（DOM）的核心部分之一。它提供了对网页文档结构的访问和控制能力，允许开发者通过脚本操作网页内容，实现动态网页效果。 #### 二、常用属性 1. **title**...

    Javascript在IE和Mozilla中的兼容性问题.doc

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言，它被设计用来操作DOM（文档对象模型）并控制用户的交互。然而，由于不同浏览器对JavaScript的支持程度和实现方式存在差异，尤其是在早期版本的Internet ...

    js的基本应用

    根据给定文件的信息，我们可以提炼出JavaScript的基本应用与重要知识点，包括语法结构、文档对象模型（DOM）操作、数据类型转换、表单处理以及日期时间等。以下是对这些知识点的详细解析： ### 1. JavaScript 的...

    javascript

    在实际应用中，掌握这些表单对象的属性和方法，能帮助开发者实现诸如数据验证、表单提交等复杂的交互功能。例如，可以编写函数来检查文本框是否为空，设置按钮的点击事件来执行特定的操作，或者动态地添加、删除选项...

Magicbox
Global site tag (gtag.js) - Google Analytics