<form>
Regrouper des champs pour envoyer des données : inscription, recherche, paiement
<form> — Le formulaire
La balise <form> délimité un formulaire interactif. Elle définit ou (action) et comment (method) les données sont envoyées. C'est le conteneur sémantique de tous les champs de saisie.
Quand l'utiliser
Tu veux créer un formulaire d'inscription, une barre de recherche, un formulaire de paiement, un formulaire de contact ou tout mécanisme de collecte de données.
Ce que tu gagnes
Accessibilité : les lecteurs d'écran annoncent l'entrée et la sortie du formulaire. L'utilisateur sait qu'il est dans une zone de saisie et peut naviguer entre les champs.
Exemple de code
<form action="/signup" method="post">
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required minlength="8">
<button type="submit">Sign up</button>
</form>Pour aller plus loin
- Le laissez-passer A38 — partie 1 — les bases des formulaires accessibles
- Beware of the Leopard — part 1 — the English version
- WHATWG —
<form> - W3C — WCAG 1.3.1 Info and Relationships
- MDN —
<form>