diff options
Diffstat (limited to 'files/fr/web/html/attributes/for/index.md')
| -rw-r--r-- | files/fr/web/html/attributes/for/index.md | 72 |
1 files changed, 28 insertions, 44 deletions
diff --git a/files/fr/web/html/attributes/for/index.md b/files/fr/web/html/attributes/for/index.md index 4622351ac0..32c16f9eef 100644 --- a/files/fr/web/html/attributes/for/index.md +++ b/files/fr/web/html/attributes/for/index.md @@ -9,62 +9,46 @@ tags: - Reference translation_of: Web/HTML/Attributes/for --- -<p>{{HTMLSidebar}}</p> +{{HTMLSidebar}} -<p>L'attribut <strong><code>for</code></strong> est un attribut autorisé pour <a href="/fr/docs/Web/HTML/Element/label"><code><label></code></a> et <a href="/fr/docs/Web/HTML/Element/output"><code><output></code></a>. Lorsqu'il est utilisé sur un élément <code><label></code>, il indique l'élément de formulaire que ce label décrit. Lorsqu'il est utilisé sur un élément <code><output></code>, il permet une relation explicite entre les éléments, qui représentent les valeurs, qui sont utilisées dans le résultat représenté par <code><output></code>.</p> +L'attribut **`for`** est un attribut autorisé pour [`<label>`](/fr/docs/Web/HTML/Element/label) et [`<output>`](/fr/docs/Web/HTML/Element/output). Lorsqu'il est utilisé sur un élément `<label>`, il indique l'élément de formulaire que ce label décrit. Lorsqu'il est utilisé sur un élément `<output>`, il permet une relation explicite entre les éléments, qui représentent les valeurs, qui sont utilisées dans le résultat représenté par `<output>`. -<h2 id="usage">Utilisation</h2> +## Utilisation -<p>Lorsqu'il est utilisé comme attribut de <code><label></code>, l'attribut <code>for</code> a une valeur qui est l'<code>id</code> de l'élément de formulaire, auquel il se rapporte.</p> +Lorsqu'il est utilisé comme attribut de `<label>`, l'attribut `for` a une valeur qui est l'`id` de l'élément de formulaire, auquel il se rapporte. -<pre class="brush: html"><label for="username">Votre nom</label> -<input type="text" id="username"></pre> +```html +<label for="username">Votre nom</label> +<input type="text" id="username"> +``` -<p>Lorsqu'il est utilisé comme attribut de <code><output></code>, l'attribut <code>for</code> a une valeur qui est une liste séparée, par des espaces, des valeurs <code>id</code> des éléments, qui sont utilisés pour créer l'output.</p> +Lorsqu'il est utilisé comme attribut de `<output>`, l'attribut `for` a une valeur qui est une liste séparée, par des espaces, des valeurs `id` des éléments, qui sont utilisés pour créer l'output. -<pre class="brush: html"><input type="range" id="b" name="b" value="50"> + -<input type="number" id="a" name="a" value="10"> = -<output name="result" for="a b">60</output></pre> +```html +<input type="range" id="b" name="b" value="50"> + +<input type="number" id="a" name="a" value="10"> = +<output name="result" for="a b">60</output> +``` -<h2 id="examples">Exemples</h2> +## Exemples -<p>Voir des exemples d'utilisation sur les pages des éléments pour <a href="/fr/docs/Web/HTML/Element/label"><code><label></code></a> et <a href="/fr/docs/Web/HTML/Element/output"><code><output></code></a>.</p> +Voir des exemples d'utilisation sur les pages des éléments pour [`<label>`](/fr/docs/Web/HTML/Element/label) et [`<output>`](/fr/docs/Web/HTML/Element/output). -<h2 id="specifications">Spécifications</h2> +## Spécifications -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', 'forms.html#attr-label-for', 'for as used with label')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - </tr> - <tr> - <td>{{SpecName('HTML WHATWG', 'form-elements.html#attr-output-for', 'for as used with output')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - </tr> - <tr> - <td>{{SpecName('HTML5 W3C', 'sec-forms.html#element-attrdef-label-for', 'for as used with label')}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - </tr> - <tr> - <td>{{SpecName('HTML5 W3C', 'sec-forms.html#element-attrdef-output-for', 'for as used with output')}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - </tr> - </tbody> -</table> +| Spécification | Statut | +| -------------------------------------------------------------------------------------------------------------------------------- | -------------------------------- | +| {{SpecName('HTML WHATWG', 'forms.html#attr-label-for', 'for as used with label')}} | {{Spec2('HTML WHATWG')}} | +| {{SpecName('HTML WHATWG', 'form-elements.html#attr-output-for', 'for as used with output')}} | {{Spec2('HTML WHATWG')}} | +| {{SpecName('HTML5 W3C', 'sec-forms.html#element-attrdef-label-for', 'for as used with label')}} | {{Spec2('HTML5 W3C')}} | +| {{SpecName('HTML5 W3C', 'sec-forms.html#element-attrdef-output-for', 'for as used with output')}} | {{Spec2('HTML5 W3C')}} | -<h2 id="browser_compatibility">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<h3>Prise en charge pour label</h3> +### Prise en charge pour label -<p>{{Compat("html.elements.label.for")}}</p> +{{Compat("html.elements.label.for")}} -<h3>Prise en charge pour output</h3> +### Prise en charge pour output -<p>{{Compat("html.elements.output.for")}}</p> +{{Compat("html.elements.output.for")}} |