Form Field
Champ du formulaire
Une unité de saisie complète avec une étiquette visible, un contrôle, une aide facultative, un état de validation et un message d'erreur lié.
Un vrai exemple
Un champ d'identifiant fiscal garde son étiquette visible. Il explique le format avant la frappe et mène à une erreur claire après la validation.
Parties principales
- 01Étiquette persistante
- 02Input control
- 03Hint or format
- 04Validation message
Utilisez-le lorsque
Donnez à chaque valeur un champ complet avec un nom accessible et un emplacement cohérent pour l'aide et les erreurs.
Ne l'utilisez pas lorsque
N'utilisez pas de texte fictif comme seule étiquette. Ne montrez pas une erreur uniquement par la couleur.
Nom utilisé dans le code
label + input + aria-describedby + error message Avant d'expédier
Give each field a label that code can read. Link hints and errors, and keep entered values. Check autofill, keyboard order, validation timing, submit states, failure recovery, zoom, and languages.
Outcome: Complete the task with Champ du formulaire (Form Field). User context: Un champ d'identifiant fiscal garde son étiquette visible. Il explique le format avant la frappe et mène à une erreur claire après la validation. Recommended pattern: Champ du formulaire (Form Field). Why it fits: Donnez à chaque valeur un champ complet avec un nom accessible et un emplacement cohérent pour l'aide et les erreurs. Do not use it when: N'utilisez pas de texte fictif comme seule étiquette. Ne montrez pas une erreur uniquement par la couleur. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): C'est officiel pour cette source. D'autres plateformes ou équipes peuvent utiliser le terme d'une autre manière. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Vérifiez cette demande
Review how Champ du formulaire (Form Field) is used now. Definition: Une unité de saisie complète avec une étiquette visible, un contrôle, une aide facultative, un état de validation et un message d'erreur lié. Release checks: Give each field a label that code can read. Link hints and errors, and keep entered values. Check autofill, keyboard order, validation timing, submit states, failure recovery, zoom, and languages. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.