document.forms example

From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- files/fr/web/api/document/forms/index.md | 141 ++++++++++++++----------------- 1 file changed, 62 insertions(+), 79 deletions(-) (limited to 'files/fr/web/api/document/forms') diff --git a/files/fr/web/api/document/forms/index.md b/files/fr/web/api/document/forms/index.md index 69a310feb2..9331ece590 100644 --- a/files/fr/web/api/document/forms/index.md +++ b/files/fr/web/api/document/forms/index.md @@ -9,108 +9,91 @@ tags: - Propriétés translation_of: Web/API/Document/forms --- -

+{{APIRef("DOM")}} -

La propriété forms de {{domxref("Document")}} retourne une collection ({{domxref("HTMLCollection")}}) des éléments {{HTMLElement("form")}} présents dans le document actuel.

+La propriété `forms` de {{domxref("Document")}} retourne une collection ({{domxref("HTMLCollection")}}) des éléments {{HTMLElement("form")}} présents dans le document actuel. -

Note : De même, vous pouvez accéder à une liste des éléments d'entrée utilisateur d'un formulaire à l'aide de la propriété {{domxref ("HTMLFormElement.elements")}}.

+> **Note :** De même, vous pouvez accéder à une liste des éléments d'entrée utilisateur d'un formulaire à l'aide de la propriété {{domxref ("HTMLFormElement.elements")}}. -

Syntaxe

+## Syntaxe -

collection = document.forms;

+ collection = document.forms; -

Valeur

+### Valeur -

Un objet {{domxref("HTMLCollection")}} listant tous les formulaires du document. Chaque élément de la collection est un {{domxref("HTMLFormElement")}} représentant un seul élément <form>.

+Un objet {{domxref("HTMLCollection")}} listant tous les formulaires du document. Chaque élément de la collection est un {{domxref("HTMLFormElement")}} représentant un seul élément `

`. -

Exemples

+## Exemples -

Récupérer les informations d'un formulaire

+### Récupérer les informations d'un formulaire -

<!DOCTYPE html>
-<html lang="en">
+```html
+
+
 
-<head>
-<title>document.forms example</title>
-</head>
+
+document.forms example
+
 
-<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>
-

+ + +``` -

Accéder à un élément contenu dans un formulaire

+### Accéder à un élément contenu dans un formulaire -

var selectForm = document.forms[index];
+```js
+var selectForm = document.forms[index];
 var selectFormElement = document.forms[index].elements[index];
-

+``` -

Accéder aux formulaires nommés

+### Accéder aux formulaires nommés -

<!DOCTYPE html>
-<html lang="en">
-<head>
-  <title>document.forms example</title>
-</head>
+```html
+
+
+
+  document.forms example
+
 
-<body>
+
 
-<form name="login">
-  <input name="email" type="email">
-  <input name="password" type="password">
-  <button type="submit">Log in</button>
-</form>
+
+  
+  
+  
+
 
-<script>
+
+
+
+```
+
+## Spécifications
+
+| Spécification                                                                                | Statut                               | Commentaire          |
+| -------------------------------------------------------------------------------------------- | ------------------------------------ | -------------------- |
+| {{SpecName('HTML WHATWG', '#dom-document-forms', 'Document.forms')}} | {{ Spec2('HTML WHATWG') }} |                      |
+| {{SpecName('DOM2 HTML', 'html.html#ID-1689064', 'Document.forms')}}     | {{ Spec2('DOM2 Events') }} | Définition initiale. |
+
+## Voir aussi
+
+- [Formulaires HTML](/fr/docs/Web/Guide/HTML/Formulaires)
+- {{HTMLElement("form")}} et l'interface {{domxref("HTMLFormElement")}}
-- 
cgit v1.2.3-54-g00ecf