目录

HTML DOM 文档 form

示例

文档中 <form> 元素的数量:

let num = document.forms.length;
亲自试一试 »

获取第一个 <form> 元素的 id:

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

获取第一个 <form> 元素的 id:

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

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

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

下面有更多示例。


描述

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

这个forms属性返回一个HTML集合

这个forms属性是只读的。

也可以看看:

表单对象

表单元素集合

HTML <form> 标签

HTML 表单教程

提示:

使用表单元素集合返回表单中的所有元素。


HTML集合

一个HTML集合是 HTML 元素的类似数组的集合(列表)。

集合中的元素可以通过索引(从 0 开始)访问。

长度属性返回集合中元素的数量。


语法

document.forms

特性

Property Description
length The number of elements in the collection.

方法

Method Description
[index] Returns the element with the specified index (starts at 0).
Returns null if the index is out of range.
item(index) Returns the element with the specified index (starts at 0).
Returns null if the index is out of range.
namedItem(id) Returns the element with the specified id.
Returns null if the id does not exist.

返回值

类型 描述
对象 HTMLCollection 对象
文档中的所有 <form> 元素。
按照源代码中的显示顺序排序


更多示例

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

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

使用表单元素集合要得到表格中每个元素的值:

const form = document.forms[0];
let text = "";
for (let i = 0; i < form.length; i++) {
  text += forms.elements[i].value + "<br>";
}
亲自试一试 »

浏览器支持

document.forms是 DOM Level 1 (1998) 功能。

所有浏览器都完全支持它:

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes 9-11