Formulaires

Labeled field block

Un wrapper de champ de formulaire qui associe une étiquette, un contrôle, un indice et un message d'erreur, basculant entre les dispositions empilées et side-by-side à mesure que le conteneur se rétrécit.

Utiliser Labeled field block

Un wrapper de champ de formulaire qui associe une étiquette, un contrôle, un indice et un message d'erreur, basculant entre les dispositions empilées et side-by-side à mesure que le conteneur se rétrécit.

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: orientation, invalid, disabled, accent, gap

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 portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

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.

Branded Code Panel

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.

Code cover card

1938Code cover cardFormulairesUne large carte de vérification avec la forme du code d'un côté et un panneau de couverture de l'autre qui remplit une barre de progression au fur et à mesure de la saisie des chiffres.

Control Bench

1965Control BenchFormulairesRédigez du texte avec du contexte, prévisualisez le format et exposez les actions par callbacks.

Environment variable editor

2860Environment variable editorFormulairesModifiez les valeurs par environnement et validez les noms avant de préparer une révision.

Focus Guard Form

1964Focus Guard FormFormulairesUn 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.