Набор элементов Form

Объект Form в DOM HTML

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

elements Набор возвращает набор всех элементов формы.

Комментарий:Элементы набора сортируются по порядку их появления в исходном коде.

Комментарий:Коллекция elements возвращает все элементы в элементе <form>, а не все <form> в документе. Если нужно получить все <form> в документе, пожалуйста, измените Коллекция document.forms.

Пример

Пример 1

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

var x = document.getElementById("myForm").elements.length;

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

Результат x будет:

3

Совет:Более сложные примеры предоставлены внизу страницы.

Синтаксис

formObject.elements

Свойство

Свойство Описание
length

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

Комментарий:Эта свойственность является только для чтения.

Метод

Метод Описание
[index]

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

Комментарий:Если индекс выходит за пределы диапазона, возвращается null.
item(index)

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

Комментарий:Если индекс выходит за пределы диапазона, возвращается null.
namedItem(id)

Возвращает элемент с указанным id в <form>.

Комментарий:Если идентификатор не существует, возвращается null.

Технические детали

Версия DOM: Core Level 2 Document Object
Возвратное значение:

Объект HTMLFormsControlCollection, представляющий все элементы в элементе <form>.

Элементы в наборе отсортированы по порядку их появления в исходном коде.

Более сложные примеры

Пример 2: [index]

Получите значение первого элемента формы (индекс 0):

var x = document.getElementById("myForm").elements[0].value;

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

Результат x будет:

Donald

Пример 3: item(index)

Получите значение первого элемента формы (индекс 0):

var x = document.getElementById("myForm").elements.item(0).value;

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

Результат x будет:

Donald

Пример 4: namedItem(id)

Получите значение элемента с атрибутом name="fname" в форме:

var x = document.getElementById("myForm").elements.namedItem("fname").value;

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

Результат x будет:

Donald

Пример 5

Циклически пройди все элементы формы и выведи значение каждого элемента:

var x = document.getElementById("myForm");
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
  txt = txt + x.elements[i].value + "<br>";
}
document.getElementById("demo").innerHTML = txt;

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

Результат x будет:

Donald
Duck
Submit

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка

Объект Form в DOM HTML