convert content to md

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/htmlformelement
parent: c05efa8d7ae464235cf83d7c0956e42dc6974103 (diff)
download: translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.gz
translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.bz2
translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.zip
14 files changed, 318 insertions, 415 deletions
diff --git a/files/fr/web/api/htmlformelement/acceptcharset/index.md b/files/fr/web/api/htmlformelement/acceptcharset/index.md
index 59cf90bc64..57663cfbef 100644
--- a/files/fr/web/api/htmlformelement/acceptcharset/index.md
+++ b/files/fr/web/api/htmlformelement/acceptcharset/index.md
@@ -5,23 +5,21 @@ tags:
   - HTMLFormElement
 translation_of: Web/API/HTMLFormElement/acceptCharset
 ---
-<div>{{APIRef("HTML DOM")}}</div>
+{{APIRef("HTML DOM")}}
 
-<p>La propriété <code><strong>HTMLFormElement.acceptCharset</strong></code> représente une liste des codages de caratères acceptés par l'élément FORM concerné. Les valeurs de cette liste peuvent être séparés par des virgules ou des espaces.</p>
+La propriété **`HTMLFormElement.acceptCharset`** représente une liste des codages de caratères acceptés par l'élément FORM concerné. Les valeurs de cette liste peuvent être séparés par des virgules ou des espaces.
 
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
 
-<pre class="eval"><em>string</em> = form.acceptCharset;
-form.acceptCharset = <em>string</em><code>;</code>
-</pre>
+    string = form.acceptCharset;
+    form.acceptCharset = string;
 
-<h2 id="Example">Exemple</h2>
+## Exemple
 
-<pre class="eval">inputs = document.forms["myform"].acceptCharset
-</pre>
+    inputs = document.forms["myform"].acceptCharset
 
-<h2 id="Specification">Spécification</h2>
+## Spécification
 
-<p><a href="http://www.w3.org/TR/html5/forms.html#dom-form-acceptcharset">HTML 5, Section 4.10.3: The Form Element</a></p>
+[HTML 5, Section 4.10.3: The Form Element](http://www.w3.org/TR/html5/forms.html#dom-form-acceptcharset)
 
-<p><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-19661795">DOM Level 2 HTML: acceptCharset</a></p>
+[DOM Level 2 HTML: acceptCharset](http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-19661795)
diff --git a/files/fr/web/api/htmlformelement/action/index.md b/files/fr/web/api/htmlformelement/action/index.md
index 7faeadc67a..612ca4a371 100644
--- a/files/fr/web/api/htmlformelement/action/index.md
+++ b/files/fr/web/api/htmlformelement/action/index.md
@@ -3,24 +3,23 @@ title: HTMLFormElement.action
 slug: Web/API/HTMLFormElement/action
 translation_of: Web/API/HTMLFormElement/action
 ---
-<div>{{APIRef("HTML DOM")}}</div>
+{{APIRef("HTML DOM")}}
 
-<p>La propriété <strong><code>HTMLFormElement.action</code></strong> représente l'action associée à l'élément {{HTMLElement("form")}}.</p>
+La propriété **`HTMLFormElement.action`** représente l'action associée à l'élément {{HTMLElement("form")}}.
 
-<p>L'action d'un formulaire est le programme exécuté sur le serveur lorsque le formulaire est soumis. Cette propriété peut être récupérée ou définie.</p>
+L'action d'un formulaire est le programme exécuté sur le serveur lorsque le formulaire est soumis. Cette propriété peut être récupérée ou définie.
 
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
 
-<pre class="eval"><em>string</em> = form.action
-form.action = <em>string</em>
-</pre>
+    string = form.action
+    form.action = string
 
-<h2 id="Example">Exemple</h2>
+## Exemple
 
-<p>form.action = "/cgi-bin/publish";</p>
+form.action = "/cgi-bin/publish";
 
-<h2 id="Specification">Spécification</h2>
+## Spécification
 
-<p><a href="http://www.w3.org/TR/html5/association-of-controls-and-forms.html#dom-fs-method">HTML 5, Section 4.10.19.6, Form submission</a></p>
+[HTML 5, Section 4.10.19.6, Form submission](http://www.w3.org/TR/html5/association-of-controls-and-forms.html#dom-fs-method)
 
-<p><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-74049184">DOM Level 2 HTML: action</a></p>
+[DOM Level 2 HTML: action](http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-74049184)
diff --git a/files/fr/web/api/htmlformelement/elements/index.md b/files/fr/web/api/htmlformelement/elements/index.md
index fbe30d563e..917df92fce 100644
--- a/files/fr/web/api/htmlformelement/elements/index.md
+++ b/files/fr/web/api/htmlformelement/elements/index.md
@@ -3,29 +3,25 @@ title: HTMLFormElement.elements
 slug: Web/API/HTMLFormElement/elements
 translation_of: Web/API/HTMLFormElement/elements
 ---
-<div>
-<div>{{APIRef("HTML DOM")}}</div>
-</div>
+{{APIRef("HTML DOM")}}
 
-<p>La propriété <code><strong>HTMLFormElement.elements</strong></code> retourne une {{domxref("HTMLFormControlsCollection")}} ({{ HTMLVersionInline(4) }} <code><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-75708506">HTMLCollection</a></code>) de tous les contrôles de formulaire contenu dans l'élément FORM, à l'exception des éléments de type <a href="/fr-FR/docs/HTML/Element/Input">input</a> dont l'attribut <code>type</code> est égal à <code>image</code>.</p>
+La propriété **`HTMLFormElement.elements`** retourne une {{domxref("HTMLFormControlsCollection")}} ({{ HTMLVersionInline(4) }} [`HTMLCollection`](http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-75708506)) de tous les contrôles de formulaire contenu dans l'élément FORM, à l'exception des éléments de type [input](/fr-FR/docs/HTML/Element/Input) dont l'attribut `type` est égal à `image`.
 
-<p>Vous pouvez accéder à un élément particulier en utilisant soit un index soit le <code>name</code> ou l'<code>id</code> de l'élément.</p>
+Vous pouvez accéder à un élément particulier en utilisant soit un index soit le `name` ou l'`id` de l'élément.
 
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
 
-<pre class="syntaxbox"><em>nodeList</em> = <em>HTMLFormElement</em>.elements
-</pre>
+    nodeList = HTMLFormElement.elements
 
-<h2 id="Example">Exemple</h2>
+## Exemple
 
-<pre class="brush:js">var inputs = document.getElementById("form1").elements;
+```js
+var inputs = document.getElementById("form1").elements;
 var inputByIndex = inputs[2];
 var inputByName = inputs["login"];
-</pre>
+```
 
-<h2 id="Specification">Spécification</h2>
+## Spécification
 
-<ul>
- <li><a href="http://www.w3.org/TR/html5/forms.html#dom-form-elements">HTML5, Section 4.10.3, The form Element</a></li>
- <li><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-76728479">DOM Level 2 HTML: elements</a></li>
-</ul>
+- [HTML5, Section 4.10.3, The form Element](http://www.w3.org/TR/html5/forms.html#dom-form-elements)
+- [DOM Level 2 HTML: elements](http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-76728479)
diff --git a/files/fr/web/api/htmlformelement/encoding/index.md b/files/fr/web/api/htmlformelement/encoding/index.md
index 43c942335d..a148520e2d 100644
--- a/files/fr/web/api/htmlformelement/encoding/index.md
+++ b/files/fr/web/api/htmlformelement/encoding/index.md
@@ -3,8 +3,6 @@ title: HTMLFormElement.encoding
 slug: Web/API/HTMLFormElement/encoding
 translation_of: Web/API/HTMLFormElement/encoding
 ---
-<div>
-<div>{{APIRef("HTML DOM")}}</div>
-</div>
+{{APIRef("HTML DOM")}}
 
-<p>La propriété <strong><code>HTMLFormElement.encoding</code></strong> est un nom alternatif pour l'élément {{domxref("HTMLFormElement.enctype","enctype")}} de l'objet {{domxref("HTMLFormElement")}} du DOM.</p>
+La propriété **`HTMLFormElement.encoding`** est un nom alternatif pour l'élément {{domxref("HTMLFormElement.enctype","enctype")}} de l'objet {{domxref("HTMLFormElement")}} du DOM.
diff --git a/files/fr/web/api/htmlformelement/enctype/index.md b/files/fr/web/api/htmlformelement/enctype/index.md
index d706eec625..71107a5efa 100644
--- a/files/fr/web/api/htmlformelement/enctype/index.md
+++ b/files/fr/web/api/htmlformelement/enctype/index.md
@@ -3,24 +3,23 @@ title: HTMLFormElement.enctype
 slug: Web/API/HTMLFormElement/enctype
 translation_of: Web/API/HTMLFormElement/enctype
 ---
-<div>{{APIRef("HTML DOM")}}</div>
+{{APIRef("HTML DOM")}}
 
-<p>La propriété <code><strong>HTMLFormElement.enctype</strong></code> représente le type de contenu de l'élément  {{HTMLElement("form")}}.</p>
+La propriété **`HTMLFormElement.enctype`** représente le type de contenu de l'élément  {{HTMLElement("form")}}.
 
-<p>Le type d'encodage généralement utilisé est "application/x-www-form-urlencoded".</p>
+Le type d'encodage généralement utilisé est "application/x-www-form-urlencoded".
 
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
 
-<pre class="eval"><em>string</em> = form.enctype
-form.enctype = <em>string</em>
-</pre>
+    string = form.enctype
+    form.enctype = string
 
-<h2 id="Example">Exemple</h2>
+## Exemple
 
-<pre class="eval">form.enctype = "application/x-www-form-urlencoded";</pre>
+    form.enctype = "application/x-www-form-urlencoded";
 
-<h2 id="Specification">Spécification</h2>
+## Spécification
 
-<p><a href="http://www.w3.org/TR/html5/forms.html#attr-fs-enctype">HTML 5, Section 4.10.19.6, Form submission</a></p>
+[HTML 5, Section 4.10.19.6, Form submission](http://www.w3.org/TR/html5/forms.html#attr-fs-enctype)
 
-<p><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-84227810">DOM Level 2 HTML: enctype</a></p>
+[DOM Level 2 HTML: enctype](http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-84227810)
diff --git a/files/fr/web/api/htmlformelement/index.md b/files/fr/web/api/htmlformelement/index.md
index 747286a784..8850ffaf60 100644
--- a/files/fr/web/api/htmlformelement/index.md
+++ b/files/fr/web/api/htmlformelement/index.md
@@ -10,118 +10,112 @@ tags:
   - Interface
 translation_of: Web/API/HTMLFormElement
 ---
-<div>{{APIRef("HTML DOM")}}</div>
-
-<p>L'interface <strong><code>HTMLFormElement</code></strong> représente un élément  {{HTMLElement("form")}} dans le DOM ; il peut être utilisé pour accéder et, dans quelques cas, modifier l'aspect du formulaire, ainsi que pour accéder à ses éléments composants.</p>
-
-<p>{{InheritanceDiagram(600,120)}}</p>
-
-<h2 id="Propriétés">Propriétés</h2>
-
-<p><em>Cette interface hérite aussi des propriétés de son parent {{domxref("HTMLElement")}}.</em></p>
-
-<dl>
- <dt>{{domxref("HTMLFormElement.elements")}}{{ReadOnlyInline}}</dt>
- <dd>Un élément {{domxref("HTMLFormControlsCollection")}} regroupant les différents contrôles associés à ce formulaire.</dd>
- <dt>{{domxref("HTMLFormElement.length")}}{{ReadOnlyInline}}</dt>
- <dd>Une valeur de type <code>long</code> indiquant le nombre de contrôles dans le formulaire.</dd>
- <dt>{{domxref("HTMLFormElement.name")}}</dt>
- <dd>Une chaîne {{domxref("DOMString")}} indiquant la valeur de l'attribut HTML {{htmlattrxref("name", "form")}} pour ce formulaire et qui correspond au nom du formulaire.</dd>
- <dt>{{domxref("HTMLFormElement.method")}}</dt>
- <dd>Une chaîne {{domxref("DOMString")}} indiquant la valeur de l'attribut HTML {{htmlattrxref("method", "form")}} pour ce formulaire et qui correspond à la méthode HTTP utilisée pour envoyer le formulaires. Seules certaines valeurs peuvent être utilisées avec cette propriété.</dd>
- <dt>{{domxref("HTMLFormElement.target")}}</dt>
- <dd>Une chaîne {{domxref("DOMString")}} indiquant la valeur de l'attribut HTML {{htmlattrxref("target", "form")}} pour ce formulaire et qui indique l'emplacement où seront affichées les résultats après envoi du formulaire.</dd>
- <dt>{{domxref("HTMLFormElement.action")}}</dt>
- <dd>Une chaîne {{domxref("DOMString")}} indiquant la valeur de l'attribut HTML {{htmlattrxref("action", "form")}} pour ce formulaire et qui contient l'URI d'un programme traitant les informations transmises via le formulaire.</dd>
- <dt>{{domxref("HTMLFormElement.encoding")}} ou {{domxref("HTMLFormElement.enctype")}}</dt>
- <dd>Une chaîne {{domxref("DOMString")}} indiquant la valeur de l'attribut HTML {{htmlattrxref("enctype", "form")}} pour ce formulaire et qui correspond au type de contenu utilisé pour transmettre les données du formulaire vers le serveur. Seules certaines valeurs peuvent être utilisées pour cette propriété. Les deux noms indiqués pour la méthode sont synonymes.</dd>
- <dt>{{domxref("HTMLFormElement.acceptCharset")}}</dt>
- <dd>Une chaîne {{domxref("DOMString")}} indiquant la valeur de l'attribut HTML {{htmlattrxref("accept-charset", "form")}} pour ce formulaire et qui correspond au jeu de caractères / à l'encodage pris en charge par le serveur.</dd>
- <dt>{{domxref("HTMLFormElement.autocomplete")}}</dt>
- <dd>Une chaîne {{domxref("DOMString")}} indiquant la valeur de l'attribut HTML {{htmlattrxref("autocomplete", "form")}} pour ce formulaire et qui indique si les contrôles du formulaire sont automatiquement renseignés par le navigateur.</dd>
- <dt>{{domxref("HTMLFormElement.noValidate")}}</dt>
- <dd>Un booléen indiquant la valeur de l'attribut HTML {{htmlattrxref("novalidate", "form")}} pour ce formulaire et qui indique si le formulaire ne devrait pas être validé.</dd>
-</dl>
-
-<p>Les champs de saisie nommés sont ajoutés comme propriétés sur leurs formulaires associés. Ces propriétés peuvent surcharger les propriétés natives si elles utilisent le même nom ! Par exemple, un formulaire disposant d'un {{HTMLElement("&lt;input&gt;")}} nommé <code>action</code> surchargera la propriété native <code>action</code> et tout appel renverra le champ <code>input</code> plutôt que la valeur de l'attribut HTML {{htmlattrxref("action", "form")}}.</p>
-
-<h2 id="Méthodes">Méthodes</h2>
-
-<p><em>Cette interface hérite aussi des méthodes de son parent {{domxref("HTMLElement")}}.</em></p>
-
-<dl>
- <dt>{{domxref("HTMLFormElement.submit()")}}</dt>
- <dd>soumet le formulaire au serveur.</dd>
- <dt>{{domxref("HTMLFormElement.reset()")}}</dt>
- <dd>redéfinit le formulaire à son état initial.</dd>
- <dt>{{domxref("HTMLFormElement.checkValidity()")}}</dt>
- <dd>renvoie <code>true</code> si les contrôles du formulaire sont soumis à des contraintes de validation et les respectent. Elle renvoie <code>false</code> si certains contrôles ne respectent pas leurs contraintes. Elle déclenche un évènement {{event("invalid")}} pour chaque contrôle qui ne respecte pas ses contraintes. De tels contrôles sont considérés invalides si l'évènement n'est pas annulé. C'est au développeur de choisir comment réagir face à la valeur <code>false</code> produite par cette méthode.</dd>
- <dt>{{domxref("HTMLFormElement.reportValidity()")}}</dt>
- <dd>renvoie <code>true</code> si les contrôles du formulaire respectent leurs contraintes de validation. Lorsque <code>false</code> est renvoyé, des évènements annulables {{Event("invalid")}} sont déclenchés pour chaque contrôle invalide et les problèmes de validation sont rapportés à l'utilisateur.</dd>
- <dt>{{domxref("HTMLFormElement.requestAutocomplete()")}} {{obsolete_inline}}</dt>
- <dd>déclenche une interface native du navigateur afin d'aider les utilisateurs à remplir les champs pour lesquels <a href="https://html.spec.whatwg.org/#autofill-field-name">la valeur nommée du champ à remplissage automatique</a> ne vaut pas <code>off</code> ou <code>on</code>. Le formulaire reçoit un évènement lorsque l'utilisateur a fini d'intéragir avec l'interface, l'événement sera {{event("autocomplete")}} si les champs ont bien été remplis ou {{event("autocompleteerror")}} s'il y a eu un problème. <strong>Cette méthode a été retirée de Chrome et Firefox — cf. {{bug(1270740)}} pour plus d'informations et les raisons associées.</strong></dd>
-</dl>
-
-<h2 id="Notes_d'utilisation">Notes d'utilisation</h2>
-
-<h3 id="Obtention_d'un_objet_élément_de_formulaire">Obtention d'un objet élément de formulaire</h3>
-
-<p>Pour obtenir un objet <code>HTMLFormElement</code>, vous pouvez utiliser un <a href="/fr/docs/Web/CSS/S%C3%A9lecteurs_CSS">sélecteur CSS</a> avec {{domxref("ParentNode.querySelector", "querySelector()")}}  ou vous pouvez obtenir une liste de tous les formulaires du document utilisant sa propriété {{domxref("Document.forms", "forms")}}.</p>
-
-<p>{{domxref("Document.forms")}} renvoie un tableau des objets <code>HTMLFormElement</code> listant chacun des formulaires de la page. Vous pouvez utiliser alors l'une des syntaxes suivantes pour obtenir un formulaire individuel :</p>
-
-<dl>
- <dt><code>document.forms[<em>index</em>]</code></dt>
- <dd>renvoie le formulaire à l'<code>index</code> spécifié dans le tableau du formulaire.</dd>
- <dt><code>document.forms[<em>id</em>]</code></dt>
- <dd>renvoie le formulaire dont l'ID (<em>identifiant</em>) est <code>id</code> .</dd>
- <dt><code>document.forms[<em>name</em>]</code></dt>
- <dd>renvoie le formulaire dont la valeur d'attribut de {{domxref("Element.name", "name")}} est <code>name</code>.</dd>
-</dl>
-
-<h3 id="Accès_aux_éléments_du_formulaire">Accès aux éléments du formulaire</h3>
-
-<p>Vous pouvez accéder à la liste des éléments contenant des données dans le formulaire en examinant la propriété {{domxref ("HTMLFormElement.elements", "elements")}}. Ceci retourne une {{domxref ("HTMLFormControlsCollection")}} listant tous les éléments d'entrée de données utilisateur du formulaire, aussi bien ceux qui sont des descendants du <code>&lt;form&gt;</code> que ceux déclarés membres du formulaire par leurs attributs.</p>
-
-<h3 id="Éléments_considérés_comme_des_contrôles_de_formulaire">Éléments considérés comme des contrôles de formulaire</h3>
-
-<p>Les éléments qui sont inclus par <code>HTMLFormElement.elements</code> et  <code>HTMLFormElement.length</code> sont :</p>
-
-<ul>
- <li>{{HTMLElement("button")}} (<em>bouton</em>)</li>
- <li>{{HTMLElement("fieldset")}} (<em>champ</em>s)</li>
- <li>{{HTMLElement("input")}} (<em>entrée</em>) (à l'exception de ceux dont {{htmlattrxref("type", "input")}} est <code>"image"</code> omis pour des raisons historiques)</li>
- <li>{{HTMLElement("object")}} (<em>objet</em>)</li>
- <li>{{HTMLElement("output")}} (<em>sortie</em>)</li>
- <li>{{HTMLElement("select")}} (<em>sélection</em>)</li>
- <li>{{HTMLElement("textarea")}} (<em>zone de texte</em>)</li>
-</ul>
-
-<h2 id="Exemples">Exemples</h2>
-
-<p>Crée un nouvel élément de formulaire, modifie ses attributs et l'envoie :</p>
-
-<pre class="brush: js">var f = document.createElement("form"); // On crée un formulaire
+{{APIRef("HTML DOM")}}
+
+L'interface **`HTMLFormElement`** représente un élément  {{HTMLElement("form")}} dans le DOM ; il peut être utilisé pour accéder et, dans quelques cas, modifier l'aspect du formulaire, ainsi que pour accéder à ses éléments composants.
+
+{{InheritanceDiagram(600,120)}}
+
+## Propriétés
+
+_Cette interface hérite aussi des propriétés de son parent {{domxref("HTMLElement")}}._
+
+- {{domxref("HTMLFormElement.elements")}}{{ReadOnlyInline}}
+  - : Un élément {{domxref("HTMLFormControlsCollection")}} regroupant les différents contrôles associés à ce formulaire.
+- {{domxref("HTMLFormElement.length")}}{{ReadOnlyInline}}
+  - : Une valeur de type `long` indiquant le nombre de contrôles dans le formulaire.
+- {{domxref("HTMLFormElement.name")}}
+  - : Une chaîne {{domxref("DOMString")}} indiquant la valeur de l'attribut HTML {{htmlattrxref("name", "form")}} pour ce formulaire et qui correspond au nom du formulaire.
+- {{domxref("HTMLFormElement.method")}}
+  - : Une chaîne {{domxref("DOMString")}} indiquant la valeur de l'attribut HTML {{htmlattrxref("method", "form")}} pour ce formulaire et qui correspond à la méthode HTTP utilisée pour envoyer le formulaires. Seules certaines valeurs peuvent être utilisées avec cette propriété.
+- {{domxref("HTMLFormElement.target")}}
+  - : Une chaîne {{domxref("DOMString")}} indiquant la valeur de l'attribut HTML {{htmlattrxref("target", "form")}} pour ce formulaire et qui indique l'emplacement où seront affichées les résultats après envoi du formulaire.
+- {{domxref("HTMLFormElement.action")}}
+  - : Une chaîne {{domxref("DOMString")}} indiquant la valeur de l'attribut HTML {{htmlattrxref("action", "form")}} pour ce formulaire et qui contient l'URI d'un programme traitant les informations transmises via le formulaire.
+- {{domxref("HTMLFormElement.encoding")}} ou {{domxref("HTMLFormElement.enctype")}}
+  - : Une chaîne {{domxref("DOMString")}} indiquant la valeur de l'attribut HTML {{htmlattrxref("enctype", "form")}} pour ce formulaire et qui correspond au type de contenu utilisé pour transmettre les données du formulaire vers le serveur. Seules certaines valeurs peuvent être utilisées pour cette propriété. Les deux noms indiqués pour la méthode sont synonymes.
+- {{domxref("HTMLFormElement.acceptCharset")}}
+  - : Une chaîne {{domxref("DOMString")}} indiquant la valeur de l'attribut HTML {{htmlattrxref("accept-charset", "form")}} pour ce formulaire et qui correspond au jeu de caractères / à l'encodage pris en charge par le serveur.
+- {{domxref("HTMLFormElement.autocomplete")}}
+  - : Une chaîne {{domxref("DOMString")}} indiquant la valeur de l'attribut HTML {{htmlattrxref("autocomplete", "form")}} pour ce formulaire et qui indique si les contrôles du formulaire sont automatiquement renseignés par le navigateur.
+- {{domxref("HTMLFormElement.noValidate")}}
+  - : Un booléen indiquant la valeur de l'attribut HTML {{htmlattrxref("novalidate", "form")}} pour ce formulaire et qui indique si le formulaire ne devrait pas être validé.
+
+Les champs de saisie nommés sont ajoutés comme propriétés sur leurs formulaires associés. Ces propriétés peuvent surcharger les propriétés natives si elles utilisent le même nom ! Par exemple, un formulaire disposant d'un {{HTMLElement("&lt;input&gt;")}} nommé `action` surchargera la propriété native `action` et tout appel renverra le champ `input` plutôt que la valeur de l'attribut HTML {{htmlattrxref("action", "form")}}.
+
+## Méthodes
+
+_Cette interface hérite aussi des méthodes de son parent {{domxref("HTMLElement")}}._
+
+- {{domxref("HTMLFormElement.submit()")}}
+  - : soumet le formulaire au serveur.
+- {{domxref("HTMLFormElement.reset()")}}
+  - : redéfinit le formulaire à son état initial.
+- {{domxref("HTMLFormElement.checkValidity()")}}
+  - : renvoie `true` si les contrôles du formulaire sont soumis à des contraintes de validation et les respectent. Elle renvoie `false` si certains contrôles ne respectent pas leurs contraintes. Elle déclenche un évènement {{event("invalid")}} pour chaque contrôle qui ne respecte pas ses contraintes. De tels contrôles sont considérés invalides si l'évènement n'est pas annulé. C'est au développeur de choisir comment réagir face à la valeur `false` produite par cette méthode.
+- {{domxref("HTMLFormElement.reportValidity()")}}
+  - : renvoie `true` si les contrôles du formulaire respectent leurs contraintes de validation. Lorsque `false` est renvoyé, des évènements annulables {{Event("invalid")}} sont déclenchés pour chaque contrôle invalide et les problèmes de validation sont rapportés à l'utilisateur.
+- {{domxref("HTMLFormElement.requestAutocomplete()")}} {{obsolete_inline}}
+  - : déclenche une interface native du navigateur afin d'aider les utilisateurs à remplir les champs pour lesquels [la valeur nommée du champ à remplissage automatique](https://html.spec.whatwg.org/#autofill-field-name) ne vaut pas `off` ou `on`. Le formulaire reçoit un évènement lorsque l'utilisateur a fini d'intéragir avec l'interface, l'événement sera {{event("autocomplete")}} si les champs ont bien été remplis ou {{event("autocompleteerror")}} s'il y a eu un problème. **Cette méthode a été retirée de Chrome et Firefox — cf. {{bug(1270740)}} pour plus d'informations et les raisons associées.**
+
+## Notes d'utilisation
+
+### Obtention d'un objet élément de formulaire
+
+Pour obtenir un objet `HTMLFormElement`, vous pouvez utiliser un [sélecteur CSS](/fr/docs/Web/CSS/S%C3%A9lecteurs_CSS) avec {{domxref("ParentNode.querySelector", "querySelector()")}}  ou vous pouvez obtenir une liste de tous les formulaires du document utilisant sa propriété {{domxref("Document.forms", "forms")}}.
+
+{{domxref("Document.forms")}} renvoie un tableau des objets `HTMLFormElement` listant chacun des formulaires de la page. Vous pouvez utiliser alors l'une des syntaxes suivantes pour obtenir un formulaire individuel :
+
+- `document.forms[index]`
+  - : renvoie le formulaire à l'`index` spécifié dans le tableau du formulaire.
+- `document.forms[id]`
+  - : renvoie le formulaire dont l'ID (_identifiant_) est `id` .
+- `document.forms[name]`
+  - : renvoie le formulaire dont la valeur d'attribut de {{domxref("Element.name", "name")}} est `name`.
+
+### Accès aux éléments du formulaire
+
+Vous pouvez accéder à la liste des éléments contenant des données dans le formulaire en examinant la propriété {{domxref ("HTMLFormElement.elements", "elements")}}. Ceci retourne une {{domxref ("HTMLFormControlsCollection")}} listant tous les éléments d'entrée de données utilisateur du formulaire, aussi bien ceux qui sont des descendants du `<form>` que ceux déclarés membres du formulaire par leurs attributs.
+
+### Éléments considérés comme des contrôles de formulaire
+
+Les éléments qui sont inclus par `HTMLFormElement.elements` et  `HTMLFormElement.length` sont :
+
+- {{HTMLElement("button")}} (_bouton_)
+- {{HTMLElement("fieldset")}} (*champ*s)
+- {{HTMLElement("input")}} (_entrée_) (à l'exception de ceux dont {{htmlattrxref("type", "input")}} est `"image"` omis pour des raisons historiques)
+- {{HTMLElement("object")}} (_objet_)
+- {{HTMLElement("output")}} (_sortie_)
+- {{HTMLElement("select")}} (_sélection_)
+- {{HTMLElement("textarea")}} (_zone de texte_)
+
+## Exemples
+
+Crée un nouvel élément de formulaire, modifie ses attributs et l'envoie :
+
+```js
+var f = document.createElement("form"); // On crée un formulaire
 document.body.appendChild(f);           // On l'ajoute au corps du document
 f.action = "/cgi-bin/some.cgi";         // On y ajoute des attributs action et method
 f.method = "POST"
 f.submit();                             // On appelle la méhtode submit pour l'envoyer
-</pre>
+```
 
-<p>Extrait des informations d'un élément de formulaire et définit quelques uns de ses attributs :</p>
+Extrait des informations d'un élément de formulaire et définit quelques uns de ses attributs :
 
-<pre class="brush: html">&lt;form name="formA" action="/cgi-bin/test" method="post"&gt;
- &lt;p&gt;Appuyez sur "Info" pour les détails du formulaire, ou "Définir" pour modifier ces détails.&lt;/p&gt;
- &lt;p&gt;
-  &lt;button type="button" onclick="getFormInfo();"&gt;Info&lt;/button&gt;
-  &lt;button type="button" onclick="setFormInfo(this.form);"&gt;Set&lt;/button&gt;
-  &lt;button type="reset"&gt;Reset&lt;/button&gt;
- &lt;/p&gt;
+```html
+<form name="formA" action="/cgi-bin/test" method="post">
+ <p>Appuyez sur "Info" pour les détails du formulaire, ou "Définir" pour modifier ces détails.</p>
+ <p>
+  <button type="button" onclick="getFormInfo();">Info</button>
+  <button type="button" onclick="setFormInfo(this.form);">Set</button>
+  <button type="reset">Reset</button>
+ </p>
 
- &lt;textarea id="form-info" rows="15" cols="20"&gt;&lt;/textarea&gt;
-&lt;/form&gt;
+ <textarea id="form-info" rows="15" cols="20"></textarea>
+</form>
 
-&lt;script&gt;
+<script>
   function getFormInfo(){
     // Obtenir une référence au formulaire par son nom
     var f = document.forms["formA"];
@@ -130,7 +124,7 @@ f.submit();                             // On appelle la méhtode submit pour l'
     // Itérer sur les propriétés en les transformant en une chaîne que nous pouvons afficher à l'utilisateur
     var info = properties.reduce(function(property) { return property + ": " + f[property] }, "").join("\n");
 
-    // Définir les &lt;textarea&gt; du formulaire pour en afficher les propriétés
+    // Définir les <textarea> du formulaire pour en afficher les propriétés
     document.forms["formA"].elements['form-info'].value = info;
   }
 
@@ -138,86 +132,62 @@ f.submit();                             // On appelle la méhtode submit pour l'
     f.action = "a-different-url.cgi";
     f.name   = "a-different-name";
   }
-&lt;/script&gt;</pre>
-
-<p>Envoi d'un formulaire dans une nouvelle fenêtre :</p>
-
-<pre class="brush: html">&lt;!doctype html&gt;
-&lt;html&gt;
-&lt;head&gt;
-&lt;meta charset="utf-8"&gt;
-&lt;title&gt;Example new-window form submission&lt;/title&gt;
-&lt;/head&gt;
-&lt;body&gt;
-
-&lt;form action="test.php" target="_blank"&gt;
-  &lt;p&gt;&lt;label&gt;First name: &lt;input type="text" name="firstname"&gt;&lt;/label&gt;&lt;/p&gt;
-  &lt;p&gt;&lt;label&gt;Last name: &lt;input type="text" name="lastname"&gt;&lt;/label&gt;&lt;/p&gt;
-  &lt;p&gt;&lt;label&gt;&lt;input type="password" name="pwd"&gt;&lt;/label&gt;&lt;/p&gt;
-
-  &lt;fieldset&gt;
-   &lt;legend&gt;Pet preference&lt;/legend&gt;
-    &lt;p&gt;&lt;label&gt;&lt;input type="radio" name="pet" value="cat"&gt; Cat&lt;/label&gt;&lt;/p&gt;
-    &lt;p&gt;&lt;label&gt;&lt;input type="radio" name="pet" value="dog"&gt; Dog&lt;/label&gt;&lt;/p&gt;
-  &lt;/fieldset&gt;
-
-  &lt;fieldset&gt;
-    &lt;legend&gt;Owned vehicles&lt;/legend&gt;
-
-    &lt;p&gt;&lt;label&gt;&lt;input type="checkbox" name="vehicle" value="Bike"&gt;I have a bike&lt;/label&gt;&lt;/p&gt;
-    &lt;p&gt;&lt;label&gt;&lt;input type="checkbox" name="vehicle" value="Car"&gt;I have a car&lt;/label&gt;&lt;/p&gt;
-  &lt;/fieldset&gt;
-
-  &lt;p&gt;&lt;button&gt;Submit&lt;/button&gt;&lt;/p&gt;
-&lt;/form&gt;
-
-&lt;/body&gt;
-&lt;/html&gt;</pre>
-
-<h3 id="Envoi_de_formulaires_et_téléchargement_de_fichiers_en_utilisant_XMLHttpRequest">Envoi de formulaires et téléchargement de fichiers en utilisant <code>XMLHttpRequest</code></h3>
-
-<p>Vous pouvez consulter <a href="/fr/docs/Web/API/XMLHttpRequest/Utiliser_XMLHttpRequest#Submitting_forms_and_uploading_files">ce paragraphe</a> si vous souhaitez en savoir plus pour sérialiser et envoyer un formulaire grâce à l'API {{domxref("XMLHttpRequest")}}.</p>
-
-<h2 id="Spécifications">Spécifications</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Spécification</th>
-   <th scope="col">État</th>
-   <th scope="col">Commentaires</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('HTML WHATWG', "forms.html#the-form-element", "HTMLFormElement")}}</td>
-   <td>{{Spec2('HTML WHATWG')}}</td>
-   <td>Ajout de la méthode <code>requestAutocomplete()</code>.</td>
-  </tr>
-  <tr>
-   <td>{{SpecName('HTML5 W3C', "forms.html#the-form-element", "HTMLFormElement")}}</td>
-   <td>{{Spec2('HTML5 W3C')}}</td>
-   <td>Les propriétés de l'élément renvoient un élément {{domxref("HTMLFormControlsCollection")}} plutôt qu'un {{domxref("HTMLCollection")}} (changement principalement technique). Ajout de la méthode <code>checkValidity()</code>. Ajout des propriétés <code>autocomplete</code>, <code>noValidate</code> et <code>encoding</code>.</td>
-  </tr>
-  <tr>
-   <td>{{SpecName('DOM2 HTML', 'html.html#ID-40002357', 'HTMLFormElement')}}</td>
-   <td>{{Spec2('DOM2 HTML')}}</td>
-   <td>Aucune modification.</td>
-  </tr>
-  <tr>
-   <td>{{SpecName('DOM1', 'level-one-html.html#ID-40002357', 'HTMLFormElement')}}</td>
-   <td>{{Spec2('DOM1')}}</td>
-   <td>Définition initiale.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-
-
-<p>{{Compat("api.HTMLFormElement")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li>L'élément HTML qui implémente cette interface {{HTMLElement("form")}}.</li>
-</ul>
+</script>
+```
+
+Envoi d'un formulaire dans une nouvelle fenêtre :
+
+```html
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Example new-window form submission</title>
+</head>
+<body>
+
+<form action="test.php" target="_blank">
+  <p><label>First name: <input type="text" name="firstname"></label></p>
+  <p><label>Last name: <input type="text" name="lastname"></label></p>
+  <p><label><input type="password" name="pwd"></label></p>
+
+  <fieldset>
+   <legend>Pet preference</legend>
+    <p><label><input type="radio" name="pet" value="cat"> Cat</label></p>
+    <p><label><input type="radio" name="pet" value="dog"> Dog</label></p>
+  </fieldset>
+
+  <fieldset>
+    <legend>Owned vehicles</legend>
+
+    <p><label><input type="checkbox" name="vehicle" value="Bike">I have a bike</label></p>
+    <p><label><input type="checkbox" name="vehicle" value="Car">I have a car</label></p>
+  </fieldset>
+
+  <p><button>Submit</button></p>
+</form>
+
+</body>
+</html>
+```
+
+### Envoi de formulaires et téléchargement de fichiers en utilisant `XMLHttpRequest`
+
+Vous pouvez consulter [ce paragraphe](/fr/docs/Web/API/XMLHttpRequest/Utiliser_XMLHttpRequest#Submitting_forms_and_uploading_files) si vous souhaitez en savoir plus pour sérialiser et envoyer un formulaire grâce à l'API {{domxref("XMLHttpRequest")}}.
+
+## Spécifications
+
+| Spécification                                                                                            | État                             | Commentaires                                                                                                                                                                                                                                                                                                   |
+| -------------------------------------------------------------------------------------------------------- | -------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| {{SpecName('HTML WHATWG', "forms.html#the-form-element", "HTMLFormElement")}} | {{Spec2('HTML WHATWG')}} | Ajout de la méthode `requestAutocomplete()`.                                                                                                                                                                                                                                                                   |
+| {{SpecName('HTML5 W3C', "forms.html#the-form-element", "HTMLFormElement")}}     | {{Spec2('HTML5 W3C')}}     | Les propriétés de l'élément renvoient un élément {{domxref("HTMLFormControlsCollection")}} plutôt qu'un {{domxref("HTMLCollection")}} (changement principalement technique). Ajout de la méthode `checkValidity()`. Ajout des propriétés `autocomplete`, `noValidate` et `encoding`. |
+| {{SpecName('DOM2 HTML', 'html.html#ID-40002357', 'HTMLFormElement')}}             | {{Spec2('DOM2 HTML')}}     | Aucune modification.                                                                                                                                                                                                                                                                                           |
+| {{SpecName('DOM1', 'level-one-html.html#ID-40002357', 'HTMLFormElement')}}     | {{Spec2('DOM1')}}         | Définition initiale.                                                                                                                                                                                                                                                                                           |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.HTMLFormElement")}}
+
+## Voir aussi
+
+- L'élément HTML qui implémente cette interface {{HTMLElement("form")}}.
diff --git a/files/fr/web/api/htmlformelement/length/index.md b/files/fr/web/api/htmlformelement/length/index.md
index 93fb19ff7c..1f497f191c 100644
--- a/files/fr/web/api/htmlformelement/length/index.md
+++ b/files/fr/web/api/htmlformelement/length/index.md
@@ -3,27 +3,23 @@ title: HTMLFormElement.length
 slug: Web/API/HTMLFormElement/length
 translation_of: Web/API/HTMLFormElement/length
 ---
-<div>
-<div>{{APIRef("HTML DOM")}}</div>
-</div>
+{{APIRef("HTML DOM")}}
 
-<p>La propriété en lecture seule <code><strong>HTMLFormElement.length</strong></code> retourne le nombre de contrôles présents dans l'élément {{HTMLElement("Form")}}.</p>
+La propriété en lecture seule **`HTMLFormElement.length`** retourne le nombre de contrôles présents dans l'élément {{HTMLElement("Form")}}.
 
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
 
-<pre class="syntaxbox"><var>integer</var> = form.length
-</pre>
+    integer = form.length
 
-<h2 id="Example">Exemple</h2>
+## Exemple
 
-<pre class="brush:js">if (document.getElementById("form1").length &gt; 1) {
+```js
+if (document.getElementById("form1").length > 1) {
   // more than one form control here
 }
-</pre>
+```
 
-<h2 id="Specifications">Spécifications</h2>
+## Spécifications
 
-<ul>
- <li><a href="http://www.w3.org/TR/html5/forms.html#dom-form-length">HTML 5, Section 4.10.3, The form Element</a></li>
- <li><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#HTML-HTMLFormElement-length">DOM Level 2: length</a></li>
-</ul>
+- [HTML 5, Section 4.10.3, The form Element](http://www.w3.org/TR/html5/forms.html#dom-form-length)
+- [DOM Level 2: length](http://www.w3.org/TR/DOM-Level-2-HTML/html.html#HTML-HTMLFormElement-length)
diff --git a/files/fr/web/api/htmlformelement/method/index.md b/files/fr/web/api/htmlformelement/method/index.md
index 2b6d2ab603..43eaa9c50a 100644
--- a/files/fr/web/api/htmlformelement/method/index.md
+++ b/files/fr/web/api/htmlformelement/method/index.md
@@ -3,23 +3,21 @@ title: HTMLFormElement.method
 slug: Web/API/HTMLFormElement/method
 translation_of: Web/API/HTMLFormElement/method
 ---
-<div>{{APIRef("HTML DOM")}}</div>
+{{APIRef("HTML DOM")}}
 
-<p>La propriété <code><strong>HTMLFormElement.method</strong></code> représente la méthode HTTP utilisée pour soumettre un formulaire.</p>
+La propriété **`HTMLFormElement.method`** représente la méthode HTTP utilisée pour soumettre un formulaire.
 
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
 
-<pre class="eval"><em>string</em> = form.method
-form.method = <em>string</em>
-</pre>
+    string = form.method
+    form.method = string
 
-<h2 id="Example">Exemple</h2>
+## Exemple
 
-<pre class="eval">document.forms["myform"].method = "post";
-</pre>
+    document.forms["myform"].method = "post";
 
-<h2 id="Specification">Spécification</h2>
+## Spécification
 
-<p><a href="http://www.w3.org/TR/html5/association-of-controls-and-forms.html#dom-fs-method">HTML 5, Section 4.10.19.6, Form submission</a></p>
+[HTML 5, Section 4.10.19.6, Form submission](http://www.w3.org/TR/html5/association-of-controls-and-forms.html#dom-fs-method)
 
-<p><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-82545539">DOM Level 2 HTML: method</a></p>
+[DOM Level 2 HTML: method](http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-82545539)
diff --git a/files/fr/web/api/htmlformelement/name/index.md b/files/fr/web/api/htmlformelement/name/index.md
index 50fa4fe6b1..3256e5be65 100644
--- a/files/fr/web/api/htmlformelement/name/index.md
+++ b/files/fr/web/api/htmlformelement/name/index.md
@@ -3,30 +3,28 @@ title: HTMLFormElement.name
 slug: Web/API/HTMLFormElement/name
 translation_of: Web/API/HTMLFormElement/name
 ---
-<div>
-<div>{{APIRef("HTML DOM")}}</div>
-</div>
+{{APIRef("HTML DOM")}}
 
-<p>La propriété <code>HTMLFormElement.name</code> représente le nom de l'élément <code>form</code> sous la forme d'une chaîne de caratères.</p>
+La propriété `HTMLFormElement.name` représente le nom de l'élément `form` sous la forme d'une chaîne de caratères.
 
-<p>Si votre {{HTMLElement("Form")}} contient un élément appelé <em>name</em>, alors ce dernier redéfinit la propriété <code>form.name</code>, afin que vous ne puissiez y accéder. Internet Explorer (IE) bloque la définition ou la modification du nom d'un élément créé avec <code>createElement()</code> à partir de la propriété <code>name</code>.</p>
+Si votre {{HTMLElement("Form")}} contient un élément appelé *name*, alors ce dernier redéfinit la propriété `form.name`, afin que vous ne puissiez y accéder. Internet Explorer (IE) bloque la définition ou la modification du nom d'un élément créé avec `createElement()` à partir de la propriété `name`.
 
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
 
-<pre class="syntaxbox"><em>string</em> = form.name
-form.name = <em>string</em></pre>
+    string = form.name
+    form.name = string
 
-<h2 id="Example">Exemple</h2>
+## Exemple
 
-<pre class="brush:js">var form1name = document.getElementById("form1").name;
+```js
+var form1name = document.getElementById("form1").name;
 
 if (form1name != document.form.form1) {
    // browser doesn't support this form of reference
-}</pre>
+}
+```
 
-<h2 id="Specification">Spécification</h2>
+## Spécification
 
-<ul>
- <li><a href="http://www.w3.org/TR/html5/forms.html#dom-form-name">HTML 5, Section 4.10.3, The form Element</a></li>
- <li><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-22051454">DOM Level 2 HTML: name</a></li>
-</ul>
+- [HTML 5, Section 4.10.3, The form Element](http://www.w3.org/TR/html5/forms.html#dom-form-name)
+- [DOM Level 2 HTML: name](http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-22051454)
diff --git a/files/fr/web/api/htmlformelement/reportvalidity/index.md b/files/fr/web/api/htmlformelement/reportvalidity/index.md
index c41fd7c61d..d54f17148d 100644
--- a/files/fr/web/api/htmlformelement/reportvalidity/index.md
+++ b/files/fr/web/api/htmlformelement/reportvalidity/index.md
@@ -6,53 +6,37 @@ tags:
   - Méthode
 translation_of: Web/API/HTMLFormElement/reportValidity
 ---
-<div>{{APIRef("HTML DOM")}}</div>
+{{APIRef("HTML DOM")}}
 
-<p>La méthode  <strong><code>HTMLFormElement.reportValidity()</code></strong> renvoie true si les contrôles enfants de l'élément répondent à leurs contraintes de validation. Lorsque la valeur <code>false</code> est renvoyée, ,  les événements <code><a href="/en-US/docs/Web/Events/invalid">invalid</a></code> annulables sont déclenchés pour chaque enfant non valide et les problèmes de validation sont signalés à l'utilisateur. .</p>
+La méthode  **`HTMLFormElement.reportValidity()`** renvoie true si les contrôles enfants de l'élément répondent à leurs contraintes de validation. Lorsque la valeur `false` est renvoyée, ,  les événements [`invalid`](/en-US/docs/Web/Events/invalid) annulables sont déclenchés pour chaque enfant non valide et les problèmes de validation sont signalés à l'utilisateur. .
 
-<h2 id="Syntax">Syntax</h2>
+## Syntax
 
-<pre class="syntaxbox"><em>HTMLFormElement</em>.reportValidity()
-</pre>
+    HTMLFormElement.reportValidity()
 
-<h3 id="Valeur_de_retour">Valeur de retour</h3>
+### Valeur de retour
 
-<p>{{domxref("Boolean")}}</p>
+{{domxref("Boolean")}}
 
-<h2 id="Exemple">Exemple</h2>
+## Exemple
 
-<pre class="brush: js">document.forms['myform'].addEventListener('invalid', function() {
+```js
+document.forms['myform'].addEventListener('invalid', function() {
   // Optional response here
 }, false);
 
 document.forms['myform'].addEventListener('submit', function() {
   document.forms['myform'].reportValidity();
-}, false);</pre>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Specification</th>
-   <th scope="col">Status</th>
-   <th scope="col">Commentaire</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName("HTML WHATWG", "forms.html#dom-cva-reportvalidity", "HTMLFormElement.reportValidity()")}}</td>
-   <td>{{Spec2("HTML WHATWG")}}</td>
-   <td> </td>
-  </tr>
-  <tr>
-   <td>{{SpecName("HTML5.1", "semantics.html#the-constraint-validation-api", "HTMLFormElement.reportValidity()")}}</td>
-   <td>{{Spec2("HTML5.1")}}</td>
-   <td>Définition initiale</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilité_du_navigateur">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.HTMLFormElement.reportValidity")}}</p>
+}, false);
+```
+
+## Specifications
+
+| Specification                                                                                                                                    | Status                           | Commentaire         |
+| ------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------- | ------------------- |
+| {{SpecName("HTML WHATWG", "forms.html#dom-cva-reportvalidity", "HTMLFormElement.reportValidity()")}}             | {{Spec2("HTML WHATWG")}} |                     |
+| {{SpecName("HTML5.1", "semantics.html#the-constraint-validation-api", "HTMLFormElement.reportValidity()")}} | {{Spec2("HTML5.1")}}     | Définition initiale |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.HTMLFormElement.reportValidity")}}
diff --git a/files/fr/web/api/htmlformelement/reset/index.md b/files/fr/web/api/htmlformelement/reset/index.md
index 6d43514959..6ca27fcff4 100644
--- a/files/fr/web/api/htmlformelement/reset/index.md
+++ b/files/fr/web/api/htmlformelement/reset/index.md
@@ -9,20 +9,18 @@ tags:
   - Reference
 translation_of: Web/API/HTMLFormElement/reset
 ---
-<div>{{APIRef("HTML DOM")}}</div>
+{{APIRef("HTML DOM")}}
 
-<p>La méthode <strong><code>HTMLFormElement.reset()</code></strong> restaure les valeurs par défaut des éléments du formulaire. Cette méthode fait la même chose que lorsqu'on clique sur un bouton de type <code>reset</code>.</p>
+La méthode **`HTMLFormElement.reset()`** restaure les valeurs par défaut des éléments du formulaire. Cette méthode fait la même chose que lorsqu'on clique sur un bouton de type `reset`.
 
-<p>Si un élément du formulaire (comme un bouton reset par exemple) a un <code>name</code> ou <code>id</code> valant <var>reset</var>, celui-ci remplacera la méthode reset du formulaire. Les attributs des éléments, comme <code>disabled</code>, ne sont pas réinitialisés.</p>
+Si un élément du formulaire (comme un bouton reset par exemple) a un `name` ou `id` valant _reset_, celui-ci remplacera la méthode reset du formulaire. Les attributs des éléments, comme `disabled`, ne sont pas réinitialisés.
 
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
 
-<pre class="eval"><em>HTMLFormElement</em>.reset()
-</pre>
+    HTMLFormElement.reset()
 
-<h2 id="Example">Exemple</h2>
+## Exemple
 
-<pre class="eval">document.getElementById("myform").reset();
-</pre>
+    document.getElementById("myform").reset();
 
-<h2 id="Specification">Spécification</h2>
+## Spécification
diff --git a/files/fr/web/api/htmlformelement/submit/index.md b/files/fr/web/api/htmlformelement/submit/index.md
index 19479867d2..2630092001 100644
--- a/files/fr/web/api/htmlformelement/submit/index.md
+++ b/files/fr/web/api/htmlformelement/submit/index.md
@@ -7,34 +7,32 @@ tags:
   - Méthode
 translation_of: Web/API/HTMLFormElement/submit
 ---
-<div>{{APIRef("HTML DOM")}}</div>
+{{APIRef("HTML DOM")}}
 
-<p>La méthode  <strong><code>HTMLFormElement.submit()</code></strong>  soumet un {{HtmlElement("form")}} donné</p>
+La méthode  **`HTMLFormElement.submit()`**  soumet un {{HtmlElement("form")}} donné
 
-<p>Cette méthode est similaire, mais pas identique, à l’activation du script submit {{HtmlElement ("button")}}. Lors de l'appel direct de cette méthode, cependant:</p>
+Cette méthode est similaire, mais pas identique, à l’activation du script submit {{HtmlElement ("button")}}. Lors de l'appel direct de cette méthode, cependant:
 
-<ul>
- <li>Aucun événement {{event ("submit")}} n'est déclenché. En particulier, le formulaire  </li>
- <li>{{domxref("GlobalEventHandlers.onsubmit", "onsubmit")}}  le gestionnaire d'événement n'est pas exécuté .</li>
- <li><a href="/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation">Constraint validation</a> n'est pas déclenché .</li>
-</ul>
+- Aucun événement {{event ("submit")}} n'est déclenché. En particulier, le formulaire
+- {{domxref("GlobalEventHandlers.onsubmit", "onsubmit")}}  le gestionnaire d'événement n'est pas exécuté .
+- [Constraint validation](/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation) n'est pas déclenché .
 
-<p>Si un contrôle de formulaire (tel qu'un  submit bouton ) a un<code>name</code> ou un <code>id</code> de <code>submit</code>, cette méthode masquera la méthode d'envoi du formulaire.</p>
+Si un contrôle de formulaire (tel qu'un  submit bouton ) a un`name` ou un `id` de `submit`, cette méthode masquera la méthode d'envoi du formulaire.
 
-<h2 id="Syntax">Syntax</h2>
+## Syntax
 
-<pre class="syntaxbox"><em>HTMLFormElement</em>.submit()
-</pre>
+    HTMLFormElement.submit()
 
-<h2 id="Exemple">Exemple</h2>
+## Exemple
 
-<pre class="brush: js">document.forms["myform"].submit();
-</pre>
+```js
+document.forms["myform"].submit();
+```
 
-<h2 id="Specification">Specification</h2>
+## Specification
 
-<p><a href="https://html.spec.whatwg.org/multipage/forms.html#the-form-element">HTML Living standard: The form element</a></p>
+[HTML Living standard: The form element](https://html.spec.whatwg.org/multipage/forms.html#the-form-element)
 
-<h2 id="Compatibilité_du_navigateur">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
 
-<p>{{Compat("api.HTMLFormElement.submit")}}</p>
+{{Compat("api.HTMLFormElement.submit")}}
diff --git a/files/fr/web/api/htmlformelement/submit_event/index.md b/files/fr/web/api/htmlformelement/submit_event/index.md
index 2e6139eced..397a24e1c0 100644
--- a/files/fr/web/api/htmlformelement/submit_event/index.md
+++ b/files/fr/web/api/htmlformelement/submit_event/index.md
@@ -4,57 +4,30 @@ slug: Web/API/HTMLFormElement/submit_event
 translation_of: Web/API/HTMLFormElement/submit_event
 original_slug: Web/API/HTMLFormElement/submit_event_
 ---
-<p>L’événement <code>submit</code> est émis lorsqu’un formulaire est soumis au serveur.</p>
+L’événement `submit` est émis lorsqu’un formulaire est soumis au serveur.
 
-<p>Notez que l’événement <code>submit</code> se déclenche <strong>uniquement</strong> sur <a href="/fr-FR/docs/Web/HTML/Element/form">l’élement form</a>, et pas sur les éléments <a href="/fr-FR/docs/Web/HTML/Element/button">button</a> ou <a href="/fr/docs/Web/HTML/Element/Input/submit">input submit</a>. (Les formulaires sont soumis, pas les boutons.)</p>
+Notez que l’événement `submit` se déclenche **uniquement** sur [l’élement form](/fr-FR/docs/Web/HTML/Element/form), et pas sur les éléments [button](/fr-FR/docs/Web/HTML/Element/button) ou [input submit](/fr/docs/Web/HTML/Element/Input/submit). (Les formulaires sont soumis, pas les boutons.)
 
-<h2 id="Informations_générales">Informations générales</h2>
+## Informations générales
 
-<dl>
- <dt style="float: left; text-align: right; width: 120px;">Spécification</dt>
- <dd style="margin: 0 0 0 120px;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#form-submission-algorithm">HTML5</a></dd>
- <dt style="float: left; text-align: right; width: 120px;">Interface</dt>
- <dd style="margin: 0 0 0 120px;">{{domxref("Event")}}</dd>
- <dt style="float: left; text-align: right; width: 120px;">Bouillonne</dt>
- <dd style="margin: 0 0 0 120px;">Oui (bien que spécifié comme un événement simple qui ne bouillonne pas)</dd>
- <dt style="float: left; text-align: right; width: 120px;">Annulable</dt>
- <dd style="margin: 0 0 0 120px;">Oui</dd>
- <dt style="float: left; text-align: right; width: 120px;">Cible</dt>
- <dd style="margin: 0 0 0 120px;">Élément</dd>
- <dt style="float: left; text-align: right; width: 120px;">Action par défaut</dt>
- <dd style="margin: 0 0 0 120px;">Variable (envoie le contenu du formulaire au serveur)</dd>
-</dl>
+- Spécification
+  - : [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#form-submission-algorithm)
+- Interface
+  - : {{domxref("Event")}}
+- Bouillonne
+  - : Oui (bien que spécifié comme un événement simple qui ne bouillonne pas)
+- Annulable
+  - : Oui
+- Cible
+  - : Élément
+- Action par défaut
+  - : Variable (envoie le contenu du formulaire au serveur)
 
-<h2 id="Propriétés">Propriétés</h2>
+## Propriétés
 
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Propriété</th>
-   <th scope="col">Type</th>
-   <th scope="col">Description</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td><code>target</code> {{readonlyInline}}</td>
-   <td>{{domxref("EventTarget")}}</td>
-   <td>La cible de l’évènement (la cible la plus haute dans l’arbre DOM).</td>
-  </tr>
-  <tr>
-   <td><code>type</code> {{readonlyInline}}</td>
-   <td>{{domxref("DOMString")}}</td>
-   <td>Le type de l’évènement.</td>
-  </tr>
-  <tr>
-   <td><code>bubbles</code> {{readonlyInline}}</td>
-   <td>{{jsxref("Boolean")}}</td>
-   <td>Si l’évènement bouillonne normalement ou non.</td>
-  </tr>
-  <tr>
-   <td><code>cancelable</code> {{readonlyInline}}</td>
-   <td>{{jsxref("Boolean")}}</td>
-   <td>Si l’évènement est annulable ou non.</td>
-  </tr>
- </tbody>
-</table>
+| Propriété                             | Type                                 | Description                                                        |
+| ------------------------------------- | ------------------------------------ | ------------------------------------------------------------------ |
+| `target` {{readonlyInline}}     | {{domxref("EventTarget")}} | La cible de l’évènement (la cible la plus haute dans l’arbre DOM). |
+| `type` {{readonlyInline}}       | {{domxref("DOMString")}}     | Le type de l’évènement.                                            |
+| `bubbles` {{readonlyInline}}    | {{jsxref("Boolean")}}         | Si l’évènement bouillonne normalement ou non.                      |
+| `cancelable` {{readonlyInline}} | {{jsxref("Boolean")}}         | Si l’évènement est annulable ou non.                               |
diff --git a/files/fr/web/api/htmlformelement/target/index.md b/files/fr/web/api/htmlformelement/target/index.md
index 3d7a6002d0..b5c5dcc6c7 100644
--- a/files/fr/web/api/htmlformelement/target/index.md
+++ b/files/fr/web/api/htmlformelement/target/index.md
@@ -3,23 +3,21 @@ title: HTMLFormElement.target
 slug: Web/API/HTMLFormElement/target
 translation_of: Web/API/HTMLFormElement/target
 ---
-<div>{{APIRef("HTML DOM")}}</div>
+{{APIRef("HTML DOM")}}
 
-<p>La propriété <strong><code>HTMLFormElement.target</code></strong> représente la cible de l'action (i.e., le cadre de destination dans lequel produire le résultat).</p>
+La propriété **`HTMLFormElement.target`** représente la cible de l'action (i.e., le cadre de destination dans lequel produire le résultat).
 
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
 
-<pre class="eval"><em>string</em> = form.target
-form.target = <em>string</em>
-</pre>
+    string = form.target
+    form.target = string
 
-<h2 id="Example">Exemple</h2>
+## Exemple
 
-<pre class="eval">myForm.target = document.frames[1].name;
-</pre>
+    myForm.target = document.frames[1].name;
 
-<h2 id="Specification">Spécification</h2>
+## Spécification
 
-<p><a href="http://www.w3.org/TR/html5/association-of-controls-and-forms.html#dom-fs-method">HTML 5, Section 4.10.19.6, Form submission</a></p>
+[HTML 5, Section 4.10.19.6, Form submission](http://www.w3.org/TR/html5/association-of-controls-and-forms.html#dom-fs-method)
 
-<p><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-6512890">DOM Level 2 HTML: target</a></p>
+[DOM Level 2 HTML: target](http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-6512890)
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/htmlformelement
parent	c05efa8d7ae464235cf83d7c0956e42dc6974103 (diff)
download	translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.gz translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.bz2 translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.zip