Concevoir des modèles de formulaires HTML5

Le composant HTML5 forms d’AEM peut générer le modèle de formulaire XFA au format HTML5. Les concepteurs de formulaires peuvent créer des modèles de formulaire à l’aide de Forms Designer et utiliser la fonction de génération de rendu au format HTML5. Ces modèles de formulaire, ainsi que leurs ressources, peuvent résider dans AEM référentiel, dans un système de fichiers ou dans un environnement exposé via http. Cependant, si vous envisagez de gérer vos formulaires à l’aide de Forms Manager, les modèles et ressources doivent résider dans le référentiel AEM.

Bien que les formulaires HTML5 adopteent dans une large mesure un comportement similaire à celui des formulaires PDF, il existe certaines fonctionnalités dans les deux formats qui ne s’appliquent pas dans l’autre format. Par exemple, la façon dont les codes à barres sont appliqués sur un formulaire PDF dans Adobe Reader varie par rapport à un formulaire pour appareils mobiles ; de même, la façon dont un formulaire est signé numériquement varie d’un format à l’autre. Pour plus d’informations sur ces variations, consultez la section Différenciation des fonctions entre formulaires HTML5 et formulaires PDF.

Pour les fonctionnalités XFA courantes, consultez les bonnes pratiques et les instructions suivantes pour concevoir un formulaire qui fonctionne dans les deux formats.

Bonnes pratiques

La plupart des étapes de conception d’un modèle de formulaire, telles que les liaisons de schéma ou l’écriture d’une logique de formulaire, sont identiques. Cependant, en raison des différences inhérentes entre le moteur de rendu et le moteur de script d’un client lourd comme Adobe Reader et les formulaires basés sur un navigateur, quelques recommandations sont fournies dans l’article Meilleures pratiques. Ces bonnes pratiques vous aident à concevoir des modèles de formulaire capables de fonctionner conformément aux attentes dans les deux formats.

Capacités dans AEM Forms Designer pour les formulaires HTML5

Prévisualiser le HTML

L’onglet HTML de prévisualisation est ajouté en mode Conception pour permettre aux concepteurs de formulaires de prévisualiser les formulaires au format HTML5 pendant le processus de conception. Pour plus d’informations sur l’activation et la configuration de cette fonctionnalité dans AEM Forms Designer, voir Prévisualiser le HTML.

Signature tactile

La cible clé pour les formulaires HTML5 est les périphériques tactiles. Par conséquent, une nouvelle commande de signature tactile est ajoutée à AEM Forms Designer. Vous pouvez cliquer ou faire glisser-déposer la commande de signature tactile sur votre modèle de formulaire et la configurer. Elle est générée sous la forme d’un champ de saisie tactile dans le rendu HTML5 et peut être utilisée pour apposer une signature tactile sur les appareils tactiles. Sur les ordinateurs de bureau, elle peut être utilisée comme un champ de saisie tactile à l’aide de la commande de souris. Pour plus d’informations sur l’utilisation de cette fonctionnalité, consultez la section Champ de saisie tactile XFA.

Format RTF (Texte enrichi)

Vous pouvez convertir un champ de texte en champ de texte enrichi. Le champ de texte enrichi permet dʼajouter des options de formatage au champ de texte. Pour effectuer une conversion, ouvrez Forms Designer et cliquez sur le champ de texte dans Vue de conception. Dans lʼonglet Champ, sélectionnez Texte enrichi dans la liste déroulante Format du champ. Désormais, lorsque le formulaire XFA est rendu sous la forme d’un formulaire HTML5, le champ est rendu sous la forme d’un champ de texte enrichi. Cliquez sur pour afficher des options de formatage supplémentaires.