Personnalisation d'un formulaire utilisateur

Dans le panneau central de la page, sélectionnez un élément pour le modifier. Utilisez l'icône pour faire glisser l'élément vers un autre emplacement au sein de la section. Supprimez l'élément à l'aide de l'icône.

Personnalisez l'élément à l'aide de l'Editeur d'élément de formulaire dans le panneau de droite de la page. Certains éléments comportent des menus déroulants proposant plusieurs options, tandis que d'autres peuvent contenir du texte ou du code Markdown destiné à s'afficher dans le formulaire. Les champs varient en fonction du type d'élément sélectionné.

Certains éléments peuvent utiliser le remplacement d'attribut, qui enregistre la valeur de l'attribut fournie par l'utilisateur et l'utilise lors de l'appel suivant et des appels suivants de cet attribut. Par exemple, en utilisant le bloc de code « {{name}} », le fichier peut récupérer la valeur saisie par l'utilisateur lors d'une étape précédente. La variable d'entrée de l'utilisateur remplace le bloc de code par le nom fourni par l'utilisateur à chaque fois que la fonction ` {{name}} ` est appelée.

Le bouton +Ajouter un élément de formulaire est disponible dans les deux premières sections du formulaire pour ajouter un élément au formulaire.

Utilisez l'Editeur d'élément de formulaire pour définir le type d'élément. Les éléments suivants Verify sont disponibles dans le menu déroulant de l'élément « Formulaire ».

En fonction du type d'élément et de l'attribut utilisateur sélectionné, différentes zones sont disponibles pour une personnalisation supplémentaire. Par exemple, les options Field label, Helper text, Placeholder text, Required field, Field validation et Class names sont disponibles dans certains des attributs d'élément.

Pour plus d'informations sur les attributs, consultez la section « Gestion des attributs ».

Si l'option Field validation est sélectionnée dans un attribut d'élément, utilisez une expression régulière (regex) pour faire correspondre le modèle et valider l'entrée de l'utilisateur dans un élément Date, Email, Password, Phone ou Text input field. L'expression régulière ne doit pas inclure de délimiteurs ou d'indicateurs. Par exemple, pour l'entrée avec 8-12 chiffres, entrez le paramètre regex sous la forme ^\d{8,12}$ au lieu de /^\d{8,12}$/gm (où les deux barres obliques / sont des délimiteurs et g et m sont des indicateurs). Pour plus d'informations sur les expressions régulières, voir Expression régulière.

À l'étape 2 de la page « Formulaires utilisateur », vous pouvez ajouter un message supplémentaire qui s'affichera pour l'utilisateur une fois son formulaire enregistré. Cliquez sur le bouton « + Ajouter un élément de formulaire ». L'élément « Bloc de texte » permet de saisir du texte ou du Markdown lorsque cela est nécessaire.

Notez que vous pouvez cliquer sur le lien Obtenir un lien de prévisualisation pour afficher le formulaire avant de le publier. Si vous travaillez sur un brouillon d'un formulaire utilisateur publié, vous pouvez également cliquer sur « Afficher la version actuelle » pour afficher le formulaire utilisateur publié, puis revenir au brouillon si nécessaire. Le lien « Supprimer le formulaire » supprime le formulaire utilisateur.