Cette page présente les widgets de formulaire du module Ot_form. La première section montre un formulaire standard (non réactif). Les sections suivantes montrent les widgets réactifs.
Un formulaire standard présentant tous les types d'entrées HTML. Les valeurs sont lues à la soumission.
Un champ texte réactif. La valeur est affichée en dessous en temps réel.
Valeur: hello
Une zone de texte avec redimensionnement automatique. Essayez de taper plusieurs lignes.
Valeur:
Le signal brut se met à jour à chaque frappe. Le signal debounced se met à jour après 0.5s d'inactivité. Utilisez ça par exemple pour des champs de recherche.
Brut:
Différé:
Un champ mot de passe avec un bouton pour afficher/masquer.
Visible: faux
Un élément select avec suivi réactif.
Sélectionné: fr
Un bouton qui alterne entre les états on/off.
État: OFF
Cases à cocher avec différents styles.
Une case à cocher réactive. L'état est suivi via un signal.
Coché: faux
Changé manuellement: faux
Un groupe de boutons radio avec sélection réactive.
Sélection: 0
Champs entiers avec boutons +/-.
Valeur: 42
Valeur: 10
Un champ date HTML5 avec signal réactif.
Date: 2025-06-15
Un champ heure HTML5 avec signal réactif.
Heure: 14:30
Un bouton qui peut être désactivé réactivement. Utilisez le toggle ci-dessus pour le contrôler.
Ce bouton se désactive pendant l'exécution de l'action (2 secondes). Essayez de cliquer rapidement.
Tapez un nombre. Erreur de validation (affichée après perte du focus) si non pair.
Résultat: Ok :
Un fieldset qui peut être désactivé réactivement. Tous les éléments à l'intérieur sont désactivés.
Appuyez sur Entrée pour déclencher l'action. La valeur soumise est affichée en dessous.
Soumis: