blob: a6d356208becb6627b2c94cba5664acef0d2378e (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
|
---
title: Document.forms
slug: Web/API/Document/forms
tags:
- API
- DOM
- Document
- Forms
- Property
translation_of: Web/API/Document/forms
---
<div>{{APIRef("DOM")}}</div>
<p><code>forms</code> возвращает коллекцию ({{domxref("HTMLCollection")}}) форм в текущем документе</p>
<div class="blockIndicator note">
<p><strong>На заметку:</strong> Точно также Вы можете получить список элементов выбранной формы, используя свойство {{domxref("HTMLFormElement.elements")}}.</p>
</div>
<h2 id="Syntax" name="Syntax">Синтаксис</h2>
<pre class="syntaxbox"><var>collection</var> = document.forms;</pre>
<h3 id="Значение">Значение</h3>
<p>Объект {{domxref("HTMLCollection")}} содержит все формы, имеющиеся на странице. Каждый элемент этой коллекции - это {{domxref("HTMLFormElement")}}, представленный отдельным тегом <code><form></code>.</p>
<p>Если на странице форм нет, тогда возвращённый результат будет пустым, а длина коллекции равна нулю.</p>
<h2 id="Example" name="Example">Примеры</h2>
<h3 id="Получение_информации_с_формы">Получение информации с формы</h3>
<pre><code><!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></code></pre>
<h3 id="Получение_элемента_формы">Получение элемента формы</h3>
<pre><code>var selectForm = document.forms[index];
var selectFormElement = document.forms[index].elements[index];</code></pre>
<h3 id="Обращение_к_форме_по_её_имени">Обращение к форме по её имени</h3>
<pre><code><!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></code></pre>
<h2 id="Specifications" name="Specifications">Спецификации</h2>
<table>
<thead>
<tr>
<th scope="col">Спецификация</th>
<th scope="col">Статус</th>
<th scope="col">Комментарий</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', '#dom-document-forms', 'Document.forms')}}</td>
<td>{{ Spec2('HTML WHATWG') }}</td>
<td></td>
</tr>
<tr>
<td>{{SpecName('DOM2 HTML', 'html.html#ID-1689064', 'Document.forms')}}</td>
<td>{{ Spec2('DOM2 Events') }}</td>
<td>Начальное определение</td>
</tr>
</tbody>
</table>
<h2 id="See_Also" name="See_Also">Браузерная поддержка</h2>
<div class="hidden">
<p>Таблица совместимости на этой странице генерируется из структурированных данных. Если вы хотите внести свой вклад в эти данные, просмотрите https://github.com/mdn/browser-compat-data и отправьте нам пул реквест.</p>
</div>
<p>{{Compat("api.Document.forms")}}</p>
<h2 id="See_Also" name="See_Also">Смотрите также</h2>
<ul>
<li><a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms">HTML forms</a></li>
<li>{{HTMLElement("form")}} и интерфейс {{domxref("HTMLFormElement")}}</li>
</ul>
<p>{{APIRef("DOM")}}</p>
<ul>
<li></li>
</ul>
|
