S’applique également à la v8.

Ajouter des champs à un formulaire web

28 janvier 2025
  • S'applique à :
  • Campaign Classic v7

Dans un formulaire web, les champs permettent aux utilisateurs et utilisatrices de saisir des informations et sélectionner des options. Le formulaire web peut proposer champs de saisie, des champs de sélection, des contenus statiques ainsi que des contenus avancés de type captcha, abonnements, etc.

Lorsque vous utilisez l’assistant d’ajout de champs, le type de champ est automatiquement détecté en fonction du champ ou de la variable de stockage sélectionnée. Au besoin, vous pouvez le modifier à partir de la liste déroulante Type de l'onglet Général.

Lorsque vous utilisez les boutons de la barre d'outils, sélectionnez directement le type de champ à ajouter.

Les types de champs disponibles sont les suivants :

Spécifiez le mode de stockage des réponses : mise à jour d'un champ de la base (seule la dernière valeur enregistrée est conservée) ou stockage dans une variable (la réponse ne sera pas stockée). Voir à ce sujet la section Champs de stockage des réponses.

NOTE
Par défaut, la zone est toujours insérée à la fin de l'arborescence courante. Elle peut être déplacée en utilisant les flèches de la barre d'outils.

Assistant de création de champs

Pour chaque page du formulaire, vous pouvez ajouter un champ à l’aide du premier bouton de la barre d’outils. Pour ce faire, accédez au menu Ajouter à l’aide de l’assistant.

Sélectionnez le type de champ que vous souhaitez créer : vous pouvez choisir d'ajouter un champ de la base, une variable ou d'importer un groupe de champs créé dans un autre formulaire et regroupés dans un conteneur.

Cliquez sur le bouton Suivant et choisissez le champ ou la variable de stockage, ou le conteneur à importer.

Cliquez sur Terminer pour insérer le champ sélectionné dans la page.

Ajouter des champs de saisie

Pour ajouter un champ de saisie, cliquez sur le bouton Contrôle de saisie et sélectionnez le type de champ à ajouter.

Types de champs de saisie

Dans une page de formulaire, vous pouvez insérer cinq types de champs texte :

  • Texte  : permet à l'utilisateur de saisir du texte, sur une ligne.

  • Nombre  : permet à l'utilisateur de saisir un nombre sur une ligne. Voir à ce sujet la section Ajouter des nombres.

    Lors de la validation de la page, le contenu des champs est contrôlé afin de vérifier que la valeur saisie est compatible avec le champ. Voir à ce sujet la section Définir les paramètres de contrôle.

  • Mot de passe  : permet à l'utilisateur de saisir du texte sur une seule ligne. Lors de la saisie, les caractères sont remplacés par des points :

    CAUTION
    Les mots de passe sont stockés en clair dans la base, sans chiffrement.

  • Texte multi-lignes  : permet à l'utilisateur de saisir du texte sur plusieurs lignes.

    CAUTION
    Les champs de texte multi-lignes sont des champs spécifiques qui peuvent contenir des retours à la ligne. Leur espace de stockage doit être associé à un champ mappé sur un élément XML et non sur un attribut XML.

  • Texte multi-lignes enrichi  : permet à l'utilisateur de saisir du texte avec une certaine disposition, qui sera stocké au format HTML.

    Vous pouvez sélectionner le type d'éditeur qui sera proposé aux utilisateurs. Pour cela, utilisez la liste déroulante du champ Editeur Html de l'onglet Avancé.

    Le nombre d’icônes affichées varie en fonction du type d’éditeur. Pour un éditeur Avancé, le rendu sera le suivant :

Paramétrage des champs de saisie

Les champs de saisie sont tous paramétrés selon le même mode, au travers des options suivantes :

L'onglet Général permet de saisir le nom du champ et éventuellement de lui attribuer une valeur par défaut.

Vous pouvez modifier le mode de stockage des réponses à partir du lien Editer le stockage…. Les valeurs peuvent être enregistrées dans un champ existant de la base de données, mais vous pouvez choisir de ne pas enregistrer les informations dans la base, en utilisant une variable locale.

NOTE
Les modes de stockage sont détaillés dans Champs de stockage des réponses.

L'onglet Avancé permet de définir des paramètres d'affichage du champ (position des libellés, alignement, etc.). Voir Définir la disposition des formulaires web.

Ajouter des listes déroulantes

Dans une page de formulaire, vous pouvez insérer une liste déroulante : elle permet à l'utilisateur de sélectionner une valeur parmi celles proposées dans un menu déroulant.

Pour ajouter une liste déroulante dans une page de formulaire, cliquez sur le bouton Contrôles de sélection > Liste déroulante… dans la barre d'outils de l'éditeur de page.

Sélectionnez le mode de stockage des réponses et validez votre choix.

Définissez les libellés et les valeurs de la liste dans la section inférieure de l’onglet Général . Si les informations sont stockées dans un champ existant de la base de données et s’il s’agit d’un champ d’énumération, vous pouvez renseigner automatiquement les valeurs en cliquant sur Initialiser la liste des valeurs depuis la base de données, comme illustré ci-dessous :

NOTE
Utilisez les flèches situées à droite de la liste des valeurs pour les ordonner.

Si les données sont stockées dans une table liée, vous pouvez sélectionner le champ où sont enregistrées les valeurs à proposer dans la liste. Par exemple, si vous sélectionnez le tableau des pays, cliquez sur Initialiser la liste des valeurs depuis la base de données et sélectionnez le champ souhaité.

Cliquez ensuite sur le lien Charger pour récupérer les valeurs :

CAUTION
En cas de mise à jour des valeurs de la liste, vous devez renouveler cette opération pour actualiser les valeurs proposées.

Ajouter des cases à cocher

Pour que l'utilisateur puisse sélectionner une option, utilisez une case à cocher.

Pour ajouter une case à cocher dans une page de formulaire, cliquez sur l'icône Contrôles de sélection > Case à cocher… dans la barre d'outils de l'éditeur de page.

Sélectionnez le mode de stockage des réponses et validez votre choix.

Saisissez le libellé de la case dans le champ Libellé de l'onglet Général.

Une case à cocher permet d'attribuer au champ (ou à la variable) de stockage une valeur ou une autre selon que la case est cochée ou non. La section Valeurs permet de saisir la valeur à attribuer si la case est cochée (dans le champ Valeur) et la valeur à attribuer si la case est décochée (dans le champ Valeur vide). Ces valeurs dépendent du format de stockage des données.

Si le champ (ou la variable) de stockage est de type booléen, la valeur à attribuer si la case n’est pas cochée est déduite automatiquement. Dans ce cas, seul le champ Valeur si coché est proposé, comme illustré ci-dessous :

Exemple : attribuer une valeur à un champ si une case est cochée

Nous allons insérer une case à cocher dans un formulaire afin de transmettre une demande d'intervention, comme ci-dessous :

Les informations seront chargées vers la base de données dans un champ existant (ici, le champ Commentaire) :

Si la case "Demande d'intervention" est cochée, la colonne Commentaire contiendra le message "Intervention souhaitée", si elle est décochée, elle contiendra le message "Sans intervention". Pour obtenir ce résultat, le paramétrage de la case à cocher dans la page du formulaire doit être le suivant :