Summary  
Demonstrates how to associate text labels with form input elements by matching the `for` and `id` attributes to improve accessibility and focus behavior.  

General domain of usage  
Web forms


<u>Les étiquettes (`<label>`) sont essentielles pour associer des textes descriptifs aux éléments de saisie de formulaire</u>, améliorant ainsi l’accessibilité et la convivialité. Il est crucial que **l’attribut `for` de la balise** `<label>` **corresponde à l’attribut** `id` **de l’élément** `input` **associé.** <br>**Exemple** :
```html
<label for="username">Username:</label>
<input type="text" id="username" />
```
Dans l’exemple ci-dessus :
- Lorsque vous cliquez sur l’étiquette `Username:`, le champ de saisie correspondant reçoit automatiquement le focus ;
- Le `label` et l’`input` sont reliés grâce aux attributs `for` et `id` respectivement ;
- Les attributs `for` et `id` ont la même valeur (`username`).

Faciliter la saisie dans le formulaire en ajoutant des étiquettes aux champs de saisie de l’exemple précédent.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGZvcm0gb25zdWJtaXQ9InJldHVybiBmYWxzZSI+CiAgICAgIDxsYWJlbCBmb3I9InRleHQtaW5wdXQiPkVudGVyIHlvdXIgbmFtZTo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0idGV4dCIgaWQ9InRleHQtaW5wdXQiIC8+IDxiciAvPgoKICAgICAgPGxhYmVsIGZvcj0icGFzc3dvcmQtaW5wdXQiPkVudGVyIHlvdXIgcGFzc3dvcmQ6PC9sYWJlbD4KICAgICAgPGlucHV0IHR5cGU9InBhc3N3b3JkIiBpZD0icGFzc3dvcmQtaW5wdXQiIC8+IDxiciAvPgoKICAgICAgPGxhYmVsIGZvcj0ibWFpbCI+RW50ZXIgeW91ciBlbWFpbDo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0iZW1haWwiIGlkPSJtYWlsIiAvPiA8YnIgLz4KCiAgICAgIDxsYWJlbCBmb3I9InBob25lIj5QaG9uZSBudW1iZXI6PC9sYWJlbD4KICAgICAgPGlucHV0IHR5cGU9InRlbCIgaWQ9InBob25lIiAvPiA8YnIgLz4KCiAgICAgIDxsYWJlbCBmb3I9ImFnZSI+QWdlOjwvbGFiZWw+CiAgICAgIDxpbnB1dCB0eXBlPSJudW1iZXIiIGlkPSJhZ2UiIC8+IDxiciAvPgoKICAgICAgPGxhYmVsIGZvcj0iY2hlY2tib3gtaW5wdXQiPkFncmVlIHdpdGggdGVybXMgYW5kIGNvbmRpdGlvbnM6PC9sYWJlbD4KICAgICAgPGlucHV0IHR5cGU9ImNoZWNrYm94IiBpZD0iY2hlY2tib3gtaW5wdXQiIC8+IDxiciAvPgoKICAgICAgPGxhYmVsIGZvcj0icmFkaW8taW5wdXQiPlNlbGVjdCB5b3VyIGdlbmRlcjo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0icmFkaW8iIGlkPSJyYWRpby1pbnB1dCIgLz4gPGJyIC8+CgogICAgICA8bGFiZWwgZm9yPSJmaWxlLWlucHV0Ij5VcGxvYWQgYSBmaWxlOjwvbGFiZWw+CiAgICAgIDxpbnB1dCB0eXBlPSJmaWxlIiBpZD0iZmlsZS1pbnB1dCIgLz4gPGJyIC8+CgogICAgICA8bGFiZWwgZm9yPSJkYXRlLWlucHV0Ij5TZWxlY3QgYSBkYXRlOjwvbGFiZWw+CiAgICAgIDxpbnB1dCB0eXBlPSJkYXRlIiBpZD0iZGF0ZS1pbnB1dCIgLz4gPGJyIC8+CgogICAgICA8bGFiZWwgZm9yPSJ0aW1lLWlucHV0Ij5TZWxlY3QgYSB0aW1lOjwvbGFiZWw+CiAgICAgIDxpbnB1dCB0eXBlPSJ0aW1lIiBpZD0idGltZS1pbnB1dCIgLz4gPGJyIC8+CgogICAgICA8bGFiZWwgZm9yPSJkYXRldGltZS1pbnB1dCI+TWFrZSBhbiBhcHBvaW50bWVudCBhdDo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0iZGF0ZXRpbWUtbG9jYWwiIGlkPSJkYXRldGltZS1pbnB1dCIgLz4KICAgIDwvZm9ybT4KICA8L2JvZHk+CjwvaHRtbD4=

Quel attribut de la balise `<label>` est utilisé pour l'associer à un élément `<input>` spécifique dans un formulaire ?

Quel attribut manque à l’élément input pour qu’il soit associé à l’élément label ?

Maîtrisez les bases du HTML pour créer des contenus web bien structurés et accessibles. Apprenez à organiser les documents à l'aide de balises, d'éléments et d'attributs. Travaillez efficacement avec le texte, les listes, les images, l'audio et la vidéo pour enrichir les pages web. Créez des tableaux pour organiser les données et des formulaires pour la saisie et l'interaction des utilisateurs. Découvrez le HTML sémantique afin d'améliorer l'accessibilité et de construire des structures de sites web complètes et fonctionnelles depuis zéro.

Obtenez une introduction au web et à HTML, y compris l'importance des balises, des éléments et des attributs. Découvrez la structure de base d'un document HTML et un aperçu de l'histoire du web.

Maîtrise des bases du balisage HTML, en mettant l'accent sur la mise en forme spéciale du texte et les listes, ainsi que sur leur importance dans la structuration du contenu d'un document HTML. Exploration des subtilités de la structure d'un document HTML tout en perfectionnant les techniques de balisage du texte.

Découvrez la puissance du contenu visuel et auditif en développement web en apprenant à intégrer de manière transparente des images, des vidéos et des éléments audio dans des documents HTML. Explorez les subtilités de l'intégration de différents formats multimédias.

Explorez les subtilités de la présentation des données et de l'interaction utilisateur grâce à une couverture complète des tableaux et des formulaires en HTML, incluant les structures de tableaux, la création de formulaires et les éléments de saisie. Acquérez une maîtrise de la mise en œuvre des éléments de saisie de formulaire et de l'utilisation des attributs pour une fonctionnalité améliorée.

Élevez vos compétences en HTML en explorant les éléments HTML sémantiques, vous permettant de créer un contenu web bien structuré et accessible. Commencez à construire votre premier site web en appliquant vos nouvelles connaissances pour concrétiser vos idées.

Étiquetage des Champs de Formulaire

1. Quel attribut de la balise `<label>` est utilisé pour l'associer à un élément `<input>` spécifique dans un formulaire ?

2. Quel attribut manque à l’élément input pour qu’il soit associé à l’élément label ?

Awesome!

Étiquetage des Champs de Formulaire

1. Quel attribut de la balise `<label>` est utilisé pour l'associer à un élément `<input>` spécifique dans un formulaire ?

2. Quel attribut manque à l’élément input pour qu’il soit associé à l’élément label ?

Étiquetage des Champs de Formulaire

1. Quel attribut de la balise <label> est utilisé pour l'associer à un élément <input> spécifique dans un formulaire ?

2. Quel attribut manque à l’élément input pour qu’il soit associé à l’élément label ?

Awesome!

Étiquetage des Champs de Formulaire

1. Quel attribut de la balise <label> est utilisé pour l'associer à un élément <input> spécifique dans un formulaire ?

2. Quel attribut manque à l’élément input pour qu’il soit associé à l’élément label ?

1. Quel attribut de la balise `<label>` est utilisé pour l'associer à un élément `<input>` spécifique dans un formulaire ?

1. Quel attribut de la balise `<label>` est utilisé pour l'associer à un élément `<input>` spécifique dans un formulaire ?