轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

HTML DOM forms 集合

实例

返回文档中 <form> 表单数量:

var x = document.forms.length;
亲自试一试 »

页面下方有更多实例。

定义和用法

forms 集合返回文档中所有 <form> 元素的集合。

注释: 集合中的元素按其在源代码中的显示进行排序。

提示: 使用 Form 对象 的集合返回表单中所有 elements 元素的集合。

浏览器支持

集合
forms Yes Yes Yes Yes Yes

语法

document.forms

属性

属性 描述
length 返回集合中 <form> 元素的数量。

注释: 此属性是只读的

方法

方法 描述
[index] 返回集合中指定索引（从 0 开始）对应的 <form> 元素 。

注释: 如果索引号超出范围，则返回 null
item(index) 返回集合中指定索引（从 0 开始）对应的 <form> 元素 。

注释: 如果索引号超出范围，则返回 null
namedItem(id) 返回集合中指定索引 id 对应的 <form> 元素。

注释: 如果 id 不存在，则返回 null

技术细节

DOM 版本: Core Level 1 Document Object
返回值: An HTMLCollection 对象，表示文档中的所有 <form> 元素。集合中的元素按其在源代码中的显示进行排序

更多实例

实例

[index]

获取文档中第一个 <form> 元素（索引0）的id:

var x = document.forms[0].id;
亲自试一试 »

实例

item(index)

获取文档中第一个 <form> 元素（索引0）的id:

var x = document.forms.item(0).id;
亲自试一试 »

实例

namedItem(id)

获取文档中 id="myCarForm" 的 <form> 元素的 HTML 内容:

var x = document.forms.namedItem("myCarForm").innerHTML;
亲自试一试 »

实例

循环遍历文档中的所有 <form> 元素，并输出每个表单的id:

var x = document.forms;
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
  txt = txt + x[i].id + "<br>";
}
亲自试一试 »

实例

将 elements 集合与 document.forms 一起使用，以获得表格中每个元素的值:

var x = document.forms[0];
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
  txt = txt + x.elements[i].value + "<br>";
}
亲自试一试 »

相关页面

JavaScript 参考手册: HTML DOM Form 对象

JavaScript 参考手册: Form elements Collection

HTML 教程: HTML 表单

HTML 参考手册: HTML <form> 标签

❮ Document 对象