Champs
Champs
Chaque champ que le système expédie, sur une page. Ce qu'ils ont en commun au-delà de leur forme est un contrat : chacun peut être remis à quelque chose qui n'est pas la personne qui lit, qui le remplit et le rend.
Assistance
Un champ peut être pris en charge — par un agent, par tout ce qui sait quoi écrire. Pendant qu'il est tenu, il le dit, cesse de répondre au clavier et au pointeur, et la valeur apparaît comme le champ le décide : épelée pour un mot, choisie pour une option, cochée pour un interrupteur. L'assistance est temporaire par nature ; un champ laissé assisté est un champ que personne ne peut utiliser.
Champs
Un de chaque, une fois. Appuyez sur Play ci-dessus et ils sont remplis à tour de rôle, par les mêmes appels qu'un agent ferait — ce qui est le seul moyen de savoir que le contrat tient pour tous.
Une unité à côté de la valeur
Un mot fixe — une unité, une devise — affiché dans le cadre du champ, avant ou après la valeur. Les lecteurs d'écran le lisent avec le champ ; ce n'est pas partie intégrante de la valeur, ne peut pas être sélectionné, et rien de cela n'est soumis. L'apparence figée reste avec lui.
Un pas à la fois
stepper: true, un bouton de chaque côté d'un nombre — une quantité. Il avance par le pas du champ et s'arrête à son min et max, son bouton se reposant là ; provenant de symfony-forms, les limites viennent de la contrainte Range du champ.
Segments et échelles
`segmented: true` dessine un groupe de boutons radio sous forme de bande de segments, pour un choix parmi quelques options courtes : les mêmes boutons radio, déplacés par les flèches, envoyant la même valeur. `range-input` prend une valeur le long d'une échelle — `min`, `max`, `step` — et l'affiche à côté de son étiquette au fur et à mesure de son déplacement, selon la locale de la page et avec les décimales requises par son pas ; `suffix` est un mot après, jamais soumis. Le jumeau vue émet à chaque étape, permettant à la page de recalculer au fur et à mesure que le curseur se déplace.
Figé, et affiché
Un champ figé contient une valeur que quelqu'un peut lire sans changer : établie, mais pas indisponible. Il conserve le contraste d'un champ modifiable et reste focalisable et sélectionnable — seul ce qui invite à écrire est présent : un cadre en pointillé sans fond propre, pas de curseur de texte, pas de sélecteur. Une valeur d'affichage n'est pas un champ du tout : une étiquette et ce que l'enregistrement indique, sur la ligne d'un champ pour que les deux soient perçus comme un bloc, un tiret lorsqu'il n'y a rien. Les champs vue prennent `readonly` de la même manière ; un sélecteur, des boutons radio, un interrupteur, un fichier, un code ou un emoji, que HTML ne peut pas rendre en lecture seule, affichent leur valeur dans un champ en lecture seule qui n'a pas de nom.
Créé le
12 April 2026
Révisé par
—
en Vue
Boutons dans un formulaire
Un bouton prend une action plutôt qu'une valeur, donc il n'y a rien à écrire pour un agent.
Un code, dans des cellules
Un vrai champ sous les cellules, donc le serveur lit une valeur et le navigateur garde ce qu'il fait déjà : un code collé atterrit entier, un téléphone offre le code qu'il a reçu, la touche de retour supprime. Rempli, il envoie son formulaire tout seul — désactivé sur cette page, qui n'a nulle part où l'envoyer.
Liste déroulante seule
Les deux sélections personnalisées en dehors d'un groupe de formulaires, comme une barre d'outils ou une barre de filtre les place.
- Suède
- Portugal
- Japon
- Suède
- Portugal
- Japon
Interrupteur seul
Étiquettes de chaque côté, glyphes à l'intérieur, et l'état coché.
Activer la fonctionnalité
Étiquette à gauche
OFFONActiver la fonctionnalité
Un interrupteur avec un ton, et un qui demande
Une fois activé, un interrupteur peut prendre la couleur d'un état ou d'une catégorie plutôt que celle du lien. Un qui active quelque chose avec des conséquences prend `warning`, et demande avant : refusé, il reste désactivé. Éteindre n'est jamais questionné. Dans tous les cas, il dit `switch:change` à la page.
Synchronisé
Étiqueté
Publier à la sauvegarde
Interrupteur, en Vue
Le même interrupteur à l'intérieur d'un arbre vue, où l'état coché est l'état et non un attribut de données qu'un script inverse.