логотип PurpleSchool
логотип PurpleSchool

.forms в JavaScript

Автор

Дмитрий Фандорин

.forms - это свойство JavaScript, которое возвращает живую коллекцию всех форм на веб-странице. Оно используется для того, чтобы получить доступ к формам и их полям и работать с ними в JavaScript.

Форма записи

.forms имеет следующий синтаксис:

document.forms;

.forms является свойством объекта document и возвращает коллекцию всех форм на веб-странице.

Описание работы

Доступ к формам

С помощью .forms можно получить доступ к каждой форме на веб-странице и работать с ее полями. Например, можно получить ссылку на форму по ее индексу:

<form>
  <input type="text" name="field1">
  <input type="text" name="field2">
</form>
<form>
  <input type="text" name="field3">
  <input type="text" name="field4">
</form>
const form = document.forms[1];

В данном примере мы получаем ссылку на вторую форму на веб-странице и сохраняем ее в переменной form.

Взаимодействие с полями

С помощью .forms можно получить доступ к полям каждой формы на веб-странице и работать с их значениями. Например, можно получить значение поля по его имени:

<form>
  <input type="text" name="field1">
  <input type="text" name="field2">
</form>
<form>
  <input type="text" name="field3">
  <input type="text" name="field4">
</form>
const form = document.forms[0];
const field1 = form.elements['field1'].value;
console.log(field1);

В данном примере мы получаем ссылку на первую форму на веб-странице и сохраняем ее в переменной form. Затем мы получаем ссылку на поле с именем field1 и выводим его значение в консоль.

.forms также позволяет обращаться к различным свойствам и методам полей формы, таким как value, checked, disabled и т.д.

Подробное описание

.forms работает путем поиска всех форм на веб-странице и создания живой коллекции, которая автоматически обновляется при изменении форм или их полей. Если формы найдены, свойство возвращает живую коллекцию всех форм на веб-странице.

Живая коллекция - это коллекция, которая автоматически обновляется, когда происходят изменения в веб-странице. Таким образом, если формы добавляются или удаляются из веб-страницы, коллекция .forms автоматически обновится, чтобы отразить эти изменения.

Заключение

.forms - это свойство JavaScript, которое возвращает живую коллекцию всех форм на веб-странице. Оно используется для того, чтобы получить доступ к формам и их полям и работать с ними в JavaScript.

Стрелочка влево.getElementById() в JavaScript.cookie в JavaScriptСтрелочка вправо

Все гайды по Javascript

Как работает метод trim() - JavaScriptКак работает метод toUpperCase() - JavaScriptКак работает метод toLowerCase() - JavaScriptКак работает метод substring() - JavaScriptКак работает метод startsWith() - JavaScriptКак работает метод split() - JavaScriptКак работает метод slice() - JavaScriptКак работает метод search() - JavaScriptКак работает метод replaceAll() - JavaScriptКак работает метод replace() - JavaScriptКак работает метод repeat() - JavaScriptКак работает метод padStart() - JavaScriptКак работает метод padEnd() - JavaScriptКак работает метод matchAll() - JavaScriptКак работает метод match() - JavaScriptКак работает метод localeCompare() - JavaScriptКак работает свойство length - JavaScriptКак работает метод lastIndexOf() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод fromCodePoint() - JavaScriptКак работает метод fromCharCode() - JavaScriptКак работает метод endsWith() - JavaScriptКак работает метод concat() - JavaScriptКак работает метод codePointAt() - JavaScriptКак работает метод charCodeAt() - JavaScriptКак работает метод charAt() - JavaScript
Итератор в JavaScript
try...catch в JavaScriptError в JavaScript
Событие wheel в JavaScriptСобытие unload в JavaScriptСобытие touch в JavaScriptСобытие submit в JavaScriptСобытие scroll в JavaScriptСобытие reset в JavaScriptМетод .preventDefault() в JavaScriptСобытие mouseover в JavaScriptСобытие mouseout в JavaScriptСобытие load в JavaScriptСобытие keyup в JavaScriptСобытие keydown в JavaScriptСобытие invalid в JavaScriptСобытие input в JavaScriptСобытийная модель Event в JavaScriptОбъект события Event в JavaScriptСобытие DOMContentLoaded в JavaScriptСобытие dblclick в JavaScriptСобытие click в JavaScriptСобытие change в JavaScriptСобытие beforeunload в JavaScript
Как работает метод some() - JavaScriptКак работает метод reverse() - JavaScriptКак работает метод reduce() - JavaScriptКак работает метод map() - JavaScriptКак работает метод isArray() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод from() - JavaScriptКак работает метод forEach() - JavaScriptКак работает метод flatMap() - JavaScriptКак работает метод flat() - JavaScriptКак работает метод findIndex() - JavaScriptКак работает метод find() - JavaScriptКак работает метод filter() - JavaScriptКак работает метод every() - JavaScriptМассивы в JavaScript
Открыть базу знаний