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
|
---
title: 'Attribut HTML : for'
slug: Web/HTML/Attributes/for
tags:
- Attribute
- Attributes
- HTML
- for
- Reference
translation_of: Web/HTML/Attributes/for
---
{{HTMLSidebar}}
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>`.
## Utilisation
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.
```html
<label for="username">Votre nom</label>
<input type="text" id="username">
```
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.
```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>
```
## Exemples
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).
## Spécifications
| 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')}} |
## Compatibilité des navigateurs
### Prise en charge pour label
{{Compat("html.elements.label.for")}}
### Prise en charge pour output
{{Compat("html.elements.output.for")}}
|
