HTML DOM Document forms 属性

定义和用法

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

forms 属性返回 HTMLCollection。

forms 属性是只读的。

另请参阅：

Form 对象

Formularelemente-Sammlung

HTML <form>-Tag

HTML 表单教程

提示：请使用 Formularelemente-Sammlung 返回表单中的所有元素。

HTMLCollection

HTMLCollection 是一个类似数组的 HTML 元素集合（列表）。

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

let text = ""; 属性返回集合中元素的数量。

实例

例子 1

返回文档中

元素的数量：

let num = document.forms.length;

Beispiel 6

例子 2

Beispiel

Durch Index kann auf die Elemente in der Sammlung zugegriffen werden (beginnend bei 0).

Beispiel 6

Methode gibt die Anzahl der Elemente in der Sammlung zurück.

Beispiel

Beispiel 1

Beispiel 6

Anzahl der <form>-Elemente im Dokument zurückgeben:

let num = document.forms.length;

Beispiel 2

Beispiel 6

let id = document.forms[0].id;

Beispiel 3

ID des ersten <form>-Elements abrufen:
Durchlaufen Sie alle <form>-Elemente und geben Sie die id jedes Formulars aus:
let id = document.forms.item(0).id;
  Beispiel 4
text += forms[i].id + "<br>";

Beispiel 6

HTML-Inhalt des <form>-Elements mit id="myCarForm" abrufen:

let html = document.forms.namedItem("myCarForm").innerHTML;

Beispiel 5
Durchlaufen Sie alle <form>-Elemente und geben Sie die id jedes Formulars aus:
const forms = document.forms;
  for (let i = 0; i < forms.length; i++) {
text += forms[i].id + "<br>";

Beispiel 6

Verwenden Sie die Sammlung form.elements, um den Wert jedes Elements im Formular zu erhalten:

document.forms

const form = document.forms[0];

const form = document.forms[0]; Beschreibung
let text = ""; for (let i = 0; i < form.length; i++) {

text += forms.elements[i].value + "<br>";

text += forms.elements[i].value + "<br>"; Beschreibung
}lengthProbieren Sie es selbst aus

Anzahl der Elemente in der Sammlung.

Methode
Syntaxlength)

Anzahl der Elemente in der Sammlung.

Methode
namedItem(wenn)

Wird zurückgegeben, wenn der Index angegeben ist (beginnend bei 0). wenn Wird zurückgegeben, wenn der Index außerhalb des Bereichs liegt, dann wird null zurückgegeben.

des Elements. wenn id

Wird zurückgegeben, wenn nicht vorhanden, dann wird null zurückgegeben.

Typ Beschreibung
Objekt

HTMLCollection-Objekt.

Alle <form>-Elemente im Dokument.

Sortiert nach ihrer Reihenfolge im Quellcode.

Browserunterstützung

document.forms Es ist eine Eigenschaft von DOM Level 1 (1998).

Es wird von allen Browsern unterstützt:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Unterstützt 9-11 Unterstützt Unterstützt Unterstützt Unterstützt