Formulaires

Focus Guard Form

Un formulaire qui, en cas d'échec de la soumission, annule la soumission, déplace le focus du clavier directement sur le premier champ invalide et annonce le problème aux utilisateurs de lecteurs d'écran.

Utiliser Focus Guard Form

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: submitLabel, accentColor, requireAll

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

Connectez votre agent

Composants proches

2078Validated Signup FormFormulairesUn petit environnement d'exécution de formulaire qui suit les valeurs, valide le flou et la soumission, relie les erreurs à leurs entrées et affiche un état de soumission puis de soumission.

1957Field with status iconFormulairesUne entrée étiquetée dont le bord arrière affiche une petite icône de vérification ou d'avertissement qui disparaît au moment où la validité du champ change, sans modifier la présentation.

1925Branded Code PanelFormulairesUn panneau de vérification centré sous un petit verrou de marque, où un code rejeté secoue la ligne une fois, l'efface et les mains se concentrent sur la première case.

2006One Question WizardFormulairesUn formulaire en plusieurs étapes qui affiche une seule question à la fois avec une lecture de la progression, n'avançant que lorsque la question actuelle a une réponse valide.

2010Paired Code Split ViewFormulairesUne étape de vérification en écran partagé dont les cases de code sont regroupées par paires avec des tirets entre elles, se soumettant au moment où la dernière case se remplit.

2064Tall Code KeypadFormulairesUn formulaire de vérification sans frontières construit sur des cases de code inhabituellement hautes, avec des chiffres qui atterrissent avec un court rebond et un espace arrière maintenu qui efface tout.