Свойство forms объекта HTML DOM Document

Определение и использование

forms Свойство возвращает набор всех элементов <form> в документе.

forms Свойство возвращает HTMLCollection.

forms Свойства только для чтения.

См. также:

Объект Form

Коллекция элементов формы

Тег <form> HTML

Учебник HTML формы

Совет:Используйте Коллекция элементов формы Возвращает все элементы формы.

HTMLCollection

HTMLCollection Это набор аналогичный массиву элементов HTML (список).

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

Атрибут Элементы в наборе можно получить по индексу (начиная с 0).

Атрибут возвращает количество элементов в наборе.

Пример

Пример 1

Возвращает количество элементов <form> в документе:

}

let num = document.forms.length;

Пример 3

Пример 2

}

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

Пример 3

Получите id первого элемента <form>:

}

let id = document.forms.item(0).id;

Пример 4

Получите HTML-контент элемента <form> с id="myCarForm":

}

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

Пример 5

Циклически пройдите все элементы <form> и выведите id каждого формуляра:
const form = document.forms[0];
const forms = document.forms;
  for (let i = 0; i < forms.length; i++) {
text += forms.elements[i].value + "<br>";

}

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

Пример 6

Используйте набор form.elements, чтобы получить значение каждого элемента в форме:
const form = document.forms[0];
let text = "";
  for (let i = 0; i < form.length; i++) {
text += forms.elements[i].value + "<br>";

}

Попробуйте сами

document.forms

Грамматика

Грамматика Описание
Атрибут length

Количество элементов в наборе.

Количество элементов в наборе. Описание
Методitem([

index

Возвращает элемент с указанным индексом (начиная с 0).

]item(namedItem(

index

Возвращает элемент с указанным индексом (начиная с 0).

Если индекс выходит за пределы диапазона, возвращает null.ЕслиnamedItem(

) Если Возвращает элемент с указанным

элемента. Если id

Возвращает null, если элемент отсутствует.

Тип Описание
Объект

Объект HTMLCollection.

Все элементы <form> в документе.

сортируются в порядке их появления в исходном коде.

Поддержка браузерами

document.forms Это функция DOM Level 1 (1998).

Поддерживается всеми браузерами:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка 9-11 Поддержка Поддержка Поддержка Поддержка