diff options
| author | julieng <julien.gattelier@gmail.com> | 2021-10-02 17:20:24 +0200 |
|---|---|---|
| committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-02 17:30:20 +0200 |
| commit | 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde (patch) | |
| tree | 30a56efd3eff3a01bd1611e1840fdbbfacf544a4 /files/fr/web/api/document/forms | |
| parent | c05efa8d7ae464235cf83d7c0956e42dc6974103 (diff) | |
| download | translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.gz translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.bz2 translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.zip | |
convert content to md
Diffstat (limited to 'files/fr/web/api/document/forms')
| -rw-r--r-- | files/fr/web/api/document/forms/index.md | 141 |
1 files changed, 62 insertions, 79 deletions
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 --- -<div>{{APIRef("DOM")}}</div> +{{APIRef("DOM")}} -<p>La propriété <code>forms</code> de {{domxref("Document")}} retourne une collection ({{domxref("HTMLCollection")}}) des éléments {{HTMLElement("form")}} présents dans le document actuel.</p> +La propriété `forms` de {{domxref("Document")}} retourne une collection ({{domxref("HTMLCollection")}}) des éléments {{HTMLElement("form")}} présents dans le document actuel. -<div class="note"> -<p><strong>Note :</strong> 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")}}.</p> -</div> +> **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")}}. -<h2 id="Syntax">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox"><var>collection</var> = document.forms;</pre> + collection = document.forms; -<h3 id="Example">Valeur</h3> +### Valeur -<p>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 <code><form></code>.</p> +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>`. -<h2 id="Example">Exemples</h2> +## Exemples -<h3 id="Example">Récupérer les informations d'un formulaire</h3> +### Récupérer les informations d'un formulaire -<pre class="brush:html"><!DOCTYPE html> -<html lang="en"> +```html +<!DOCTYPE html> +<html lang="en"> -<head> -<title>document.forms example</title> -</head> +<head> +<title>document.forms example</title> +</head> -<body> +<body> -<form id="robby"> - <input type="button" onclick="alert(document.forms[0].id);" value="robby's form" /> -</form> +<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="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> +<form id="paul"> + <input type="button" onclick="alert(document.forms[2].id);" value="paul's form" /> +</form> -</body> -</html> -</pre> +</body> +</html> +``` -<h3 id="Accéder_à_un_élément_contenu_dans_un_formulaire">Accéder à un élément contenu dans un formulaire</h3> +### Accéder à un élément contenu dans un formulaire -<pre class="brush: js">var selectForm = document.forms[index]; +```js +var selectForm = document.forms[index]; var selectFormElement = document.forms[index].elements[index]; -</pre> +``` -<h3 id="Specification">Accéder aux formulaires nommés</h3> +### Accéder aux formulaires nommés -<pre class="brush: html"><!DOCTYPE html> -<html lang="en"> -<head> - <title>document.forms example</title> -</head> +```html +<!DOCTYPE html> +<html lang="en"> +<head> + <title>document.forms example</title> +</head> -<body> +<body> -<form name="login"> - <input name="email" type="email"> - <input name="password" type="password"> - <button type="submit">Log in</button> -</form> +<form name="login"> + <input name="email" type="email"> + <input name="password" type="password"> + <button type="submit">Log in</button> +</form> -<script> +<script> var loginForm = document.forms.login; // Ou document.forms['login'] loginForm.elements.email.placeholder = 'test@example.com'; loginForm.elements.password.placeholder = 'password'; -</script> -</body> -</html></pre> - -<h2 id="Specification">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</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>Définition initiale.</td> - </tr> - </tbody> -</table> - -<h2 id="See_Also">Voir aussi</h2> - -<ul> - <li><a href="/fr/docs/Web/Guide/HTML/Formulaires">Formulaires HTML</a></li> - <li>{{HTMLElement("form")}} et l'interface {{domxref("HTMLFormElement")}}</li> -</ul> +</script> +</body> +</html> +``` + +## 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")}} |