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

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

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

Пример использования свойства .forms в JavaScript:

<form id="myForm">
  <input type="text" name="myInput">
</form>
 
<script>
const inputEl = document.querySelector('input[name="myInput"]');
const formEl = inputEl.forms[0];
console.log(formEl); // выводит ссылку на форму с id="myForm"
</script>

Здесь мы создали форму с идентификатором myForm и текстовым полем внутри нее. Затем мы используем метод document.querySelector() для поиска текстового поля и сохраняем ссылку на это поле в переменную inputEl. Затем мы вызываем свойство .forms на этом поле, чтобы получить ссылку на форму, содержащую это поле, и сохраняем ее в переменную formEl.

Затем мы выводим ссылку на эту форму в консоль, используя метод console.log().

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


Назад