Bouton submit
Termine le parcours par un bouton submit dont le texte annonce le résultat attendu plutôt qu'une commande vague comme OK.
Objectifs de la leçon
- Construire l'action finale du formulaire avec un élément HTML adapté.
- Ajouter les attributs qui rendent la structure testable.
- Expliquer l'impact utilisateur de la décision prise.
Construire une saisie exploitable
Un formulaire fiable indique ce qui est attendu, transmet des données nommées et utilise les capacités natives du navigateur avant d'ajouter du JavaScript.
« Bouton submit » sert ici à rendre l'action finale du formulaire explicite dans le document.
Décision de saisie
Choisis le contrôle selon la donnée, relie toujours son libellé visible et donne un name aux valeurs qui doivent être envoyées.
Évite de traiter l'action finale du formulaire comme un simple détail visuel : le choix doit rester compréhensible dans le DOM et justifiable en revue de code.
Test de saisie et d'envoi
Utilise le formulaire au clavier, soumets des valeurs valides et invalides, puis vérifie que la requête contient des noms et valeurs compréhensibles.
Pour html-06-submit-button, commence par le premier test en échec et relie son message à l'élément, l'attribut ou la relation concernée.
Vocabulaire lié
- form — Zone de saisie envoyable.
- label — Nom accessible visible d'un champ.
- input — Contrôle de saisie.
- required — Contrainte native obligatoire.
- autocomplete — Indice de remplissage automatique.
Validation
- Je sais expliquer pourquoi l'action finale du formulaire améliore PulsaConf.
- Je peux relier chaque test à une exigence utilisateur.
- Je garde une structure compréhensible sans style CSS.