Structure de l’apparence des formulaires adaptatifs et HTML5 appearance-framework-for-adaptive-and-html-forms
Les formulaires (formulaires adaptatifs et HTML5) utilisent jQuery, Backbone.js et Underscore.js pour l’apparence et les scripts. Les formulaires utilisent également l’architecture des jQuery UI widgets pour tous les éléments interactifs (comme les champs ou les boutons) qu’ils contiennent. Cette architecture permet aux développeurs et aux développeuses de formulaires d’utiliser un riche ensemble de widgets et de modules externes jQuery disponibles dans des formulaires. Vous pouvez également implémenter une logique spécifique au formulaire lors de l’acquisition des données des utilisateurs comme les restrictions leadDigits/trailDigits ou l’implémentation de clauses d’image. Les développeurs et développeuses de formulaires peuvent créer et utiliser des apparences personnalisées pour améliorer l’expérience d’acquisition des données et la rendre plus facile d’utilisation.
Cet article est destiné aux développeurs et aux développeuses possédant des connaissances suffisantes de jQuery et des widgets jQuery. Il fournit des informations sur la structure de l’apparence et permet aux développeurs et aux développeuses de créer une apparence alternative pour un champ de formulaire.
La structure de l’apparence repose sur différentes options, événements (déclencheurs) et fonctions pour capturer les interactions de l’utilisateur ou de l’utilisatrice avec le formulaire, et répond aux changements de modèle pour informer l’utilisateur final. En outre :
- La structure offre un ensemble d’options pour l’apparence d’un champ. Ces options sont des paires clé/valeur et sont divisées en deux catégories : les options communes et les options spécifiques à un type de champ.
- L’apparence, en tant que partie du contrat, déclenche un ensemble d’événements, par exemple, entrer et quitter.
- L’apparence est requise pour implémenter un ensemble de fonctions. Certaines fonctions sont communes, tandis que d’autres sont spécifiques au type de champ.
Options communes common-options
Les options globales définies sont décrites ci-après. Ces options sont disponibles pour chaque champ.
En plus de ces options, la structure offre quelques autres options qui varient selon le type de champ. Les détails des options propres aux champs sont répertoriés ci-dessous.
Interaction avec la structure des formulaires interaction-with-forms-framework
Pour interagir avec la structure des formulaires, un widget déclenche certains événements pour activer l’exécution du script de formulaire. Si le widget n’exécute pas ces événements, certains des scripts écrits dans le formulaire qui concernent ce champ ne fonctionnent pas.
Événements déclenchés par un widget events-triggered-by-widget
API implémentées par un widget apis-implemented-by-widget
La structure de l’apparence appelle certaines fonctions du widget qui sont implémentées dans les widgets personnalisés. Le widget doit implémenter les fonctions suivantes :
Options spécifiques au type de champ options-specific-to-type-of-field
Tous les widgets personnalisés doivent être conformes aux spécifications ci-dessus. Pour utiliser les fonctions de différents champs, le widget doit être conforme aux directives de ce champ particulier.