Input
Champ de saisie natif
ATELIER INTERACTIF
Essayez Input
Modifiez les propriétés. L’aperçu et le code sont rendus par Symfony et utilisent les mêmes props Twig.
APERÇU SERVEUR / TWIG RÉEL
Code Twig utilisable
<twig:ui:Input id="mission-name" type="text" placeholder="Nom de la mission" />Exemples
Types natifs
<twig:ui:Input id="email" type="email" placeholder="prenom@exemple.fr" aria-label="Adresse e-mail" />Etats
<twig:ui:Input id="champ" placeholder="Désactivé" disabled />Soumission native : les noms suivent les identifiants
<twig:ui:Input id="contract-title" value="Dossier initial" />
<twig:ui:Select id="contract-status" value="open" :options="[{value: 'open', label: 'En cours'}]" />
<twig:ui:Textarea id="contract-note" value="À examiner" />Props
| Prop | Défaut | Rôle |
|---|---|---|
id | requis | Identifiant, relie le label |
type | text | Type HTML natif |
name | null | Nom du champ (défaut : `id`) |
value | null | Valeur initiale |
placeholder | null | Texte d'aide dans le champ |
describedBy | null | `aria-describedby` |
invalid | false | Pose `aria-invalid="true"` |
disabled | false | Desactive le champ |
required | false | Champ obligatoire |
Accessibilité
Les comportements clavier et les contraintes d’accessibilité propres à cette recette ne sont pas encore documentés. Vérifiez son HTML et ses interactions avant utilisation dans un parcours critique.