Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

forms возвращает коллекцию (HTMLCollection) форм в текущем документе

Note: Similarly, you can access a list of a form's component user input elements using the HTMLFormElement.elements property.

Синтаксис

collection = document.forms;

 

Value

An HTMLCollection object listing all of the document's forms. Each item in the collection is a HTMLFormElement representing a single <form>element.

If the document has no forms, the returned collection is empty, with a length of zero.

 

Примеры

Getting form information

<!DOCTYPE html>
<html lang="en">

<head>
<title>document.forms example</title>
</head>

<body>

<form id="robby">
  <input type="button" onclick="alert(document.forms[0].id);" value="robby's form" />
</form>

<form id="dave">
  <input type="button" onclick="alert(document.forms[1].id);" value="dave's form" />
</form>

<form id="paul">
  <input type="button" onclick="alert(document.forms[2].id);" value="paul's form" />
</form>

</body>
</html>

Getting an element from within a form

var selectForm = document.forms[index];
var selectFormElement = document.forms[index].elements[index];

Named form access

<!DOCTYPE html>
<html lang="en">
<head>
  <title>document.forms example</title>
</head>

<body>

<form name="login">
  <input name="email" type="email">
  <input name="password" type="password">
  <button type="submit">Log in</button>
</form>

<script>
  var loginForm = document.forms.login; // Or document.forms['login']
  loginForm.elements.email.placeholder = 'test@example.com';
  loginForm.elements.password.placeholder = 'password';
</script>
</body>
</html>

Спецификации

Спецификация Статус Комментарий
HTML Living Standard
Определение 'Document.forms' в этой спецификации.
Живой стандарт  
Document Object Model (DOM) Level 2 HTML Specification
Определение 'Document.forms' в этой спецификации.
Устаревшая Начальное определение

Браузерная поддержка

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidEdge MobileFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
formsChrome Полная поддержка 1Edge Полная поддержка 12Firefox Полная поддержка ДаIE ? Opera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаEdge Mobile ? Firefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android ?

Легенда

Полная поддержка  
Полная поддержка
Совместимость неизвестна  
Совместимость неизвестна

Смотрите также

  •  

Метки документа и участники

Метки: 
Внесли вклад в эту страницу: ivasyutaalexey, boxa6, mdnwebdocs-bot, BychekRU
Обновлялась последний раз: ivasyutaalexey,