Fenêtre Insertion de champ

Étape 4 - Pages > Objet Formulaire de Contact > Section Liste >

Fenêtre Insertion de champ

Previous pageReturn to chapter overviewNext page
Montrer/Cacher le texte caché

La fenêtre Insertion de champ, appelée à partir des boutons Ajouter... et Modifier... présents dans la fenêtre Objet Formulaire de Contact, permet de procéder à la création et à la définition effectives des Champs qui composeront le Formulaire de Contact.

Cette fenêtre présente les options suivantes : Type de champ et Options.

Cliquez pour etendre/reduireRéférence : Les commandes de la Section Type de champ

Les options de cette section permettent de créer la liste des champs composant le Formulaire de Contact.

Vous disposez des types de champ suivants :

Champ textuel : champ de texte disposé sur une seule ligne qui est affiché comme une case vide où l'utilisateur peut entrer librement la réponse la plus appropriée.

Courriel : champ de texte spécifique pour demander à l'utilisateur de fournir une adresse e-mail. Dans ces cas, le programme défini automatiquement un filtre pour contrôler si la donnée saisie est correcte: par exemple, pour qu'une adresse soit valide, elle doit contenir le caractère "@" et un point dans le texte qui suit.

Zone de texte : champ de texte disposé sur plusieurs lignes permettant à l'utilisateur d'entrer un commentaire ou une question.

Date : champ de texte où l'utilisateur doit entrer une date. La date requise peut être entrée ou définie à l'aide du calendrier.

Liste déroulante : les réponses possibles sont définies dans une liste où l'utilisateur ne pourra en choisir qu'une seule.

Liste : il s'agit d'une liste de réponses parmi lesquelles l'utilisateur ne pourra en choisir qu'une seule.

Choix multiple : les réponses sont présentées dans une liste à puces permettant à l'utilisateur de sélectionner plusieurs éléments.

Choix unique : l'utilisateur ne peut sélectionner qu'un seul choix dans la liste.

Mot de passe : champ de texte où les caractères entrés sont automatiquement masqués, à savoir affichés comme des "pois" ou des astérisques (selon le système d'exploitation utilisé). Permet aux utilisateurs d'indiquer le mot de passe d'inscription pour accéder à un service.

Fichier annexé : champ de texte où l'utilisateur, en cliquant sur le bouton permettant de parcourir les ressources disponibles, peut spécifier le fichier à envoyer comme annexe. Pour le bon fonctionnement des fichiers annexés, vous devez contacter votre fournisseur d'espace web pour vérifier si le service est actif.

Question de contrôle : champ de texte où l'utilisateur doit entrer la réponse à une question posée dans le but de distinguer les utilisateurs réels des programmes qui exploitent les formulaires de contact publiés en ligne pour envoyer des courriels non désirés.

Conditions d'acceptation : champ de texte où sont indiquées les conditions que l'utilisateur doit accepter pour envoyer les données. Dans ce champ, vous pouvez par exemple entrer la norme de référence sur la confidentialité du traitement des données collectées.

Séparateur : ce n'est pas un champ mais un séparateur graphique qui permet d'organiser les champs en sections et rendre plus accessible les longs Formulaires qui nécessitent d'insérer beaucoup d'informations.

Description : champ de texte utile pour visualiser un texte formaté dans le Formulaire. Ce champ peut être utilisé, par exemple, pour entrer des textes courts d'introduction aux différentes sections composant le Formulaire, ou bien pour fournir des indications et des explications aux Visiteurs.

Selon le type de champ sélectionné, différentes options sont présentées sur lesquelles il est possible d'agir. Les options communes à tous les champs sont :

Étiquette  : permet d'insérer la description du champ. Ce texte qui sera affiché au-dessus, à côté ou à l'intérieur du champ, permet de spécifier l'information requise ou d'entrer le texte de la question à poser. Dans le cas du champ Description, l'Étiquette n'est pas affichée dans le Formulaire, mais figure uniquement dans le Tableau récapitulatif proposé dans la fenêtre Objet Formulaire de Contact | Liste.
(%) largeur  : permet de définir la largeur du champ qui peut prendre une valeur allant de 5% à 100 % de l'espace disponible.
Afficher sur la même ligne que le champ précédent : si vous sélectionnez cette option, le champ n'est pas positionné sur une nouvelle ligne mais à côté du champ précédent. Pour mettre deux champs côte à côte sur la même ligne, la somme de leur largeur ne doit pas dépasser 100 % de l'espace disponible.
Etablir comme champ obligatoire : si vous sélectionnez cette option, la réponse de l'utilisateur est obligatoire. L'option n'est pas disponible pour les champ Choix multiple mais elle est activée par défaut pour les champs Question de contrôle.

En plus des options communes, pour chaque type de champ, vous disposez des options spécifiques.

Champ textuel:

Nombre max. de caractères : spécifie le nombre maximum de caractères qu'on peut insérer dans le Champ. Par exemple, vous pouvez fixer à 15 le nombre maximum de caractères pour un champ de texte destiné à accueillir le code fiscal de l'utilisateur.
Filtre de saisie du texte  : définit un contrôle pour vérifier si les données insérées par l'utilisateur dans le champ sont correctes. Vous pouvez choisir entre ces filtres:
Aucun (caractères et nombres) : permet d'insérer caractères et nombres.
Chiffres uniquement : permet d'insérer seulement des nombres.
Numéro de téléphone/fax (chiffres et caractères '-' et ' ') : permet d'insérer des nombres, du caractère "-" et de l'espace.
Date (chiffres et caractères '/' e '.') : permet d'insérer des nombres et du caractère "/".

Courriel :

Demander une confirmation d'adresse e-mail : ajoute automatiquement un champ dans lequel l'utilisateur doit retaper son adresse e-mail. Le programme vérifie la correspondance exacte de l'adresse e-mail indiquée dans les deux champs et, si nécessaire, il affichera un message d'alerte.

Zone de texte :

Nombre max. de caractères : spécifie le nombre maximum de caractères qu'on peut insérer dans le Champ.
Nombre de lignes : définit la hauteur du Champ, en spécifiant le nombre de lignes affichées (avec un maximum de 30).

Date :

Format de date  : spécifie le format de la date, en choisissant entre les formats habituels nationaux et internationaux.
Afficher l'icône 'Calendrier' : affiche à côté du champ Date l'icône "Calendrier". En cliquant sur cette icône est affiché un calendrier qui permet à l'utilisateur de définir la date sans avoir à la taper.

Liste :

Nombre de lignes : définit la hauteur du Champ, en spécifiant le nombre de lignes affichées (avec un maximum de 30).

Choix multiple/Choix unique :

Nombre de colonnes  : permet de définir le nombre de colonnes accueillant les réponses.

Mot de passe :

Demande de confirmation de mot de passe : si vous sélectionnez cette option, un champ est automatiquement ajouté pour que l'utilisateur saisisse une seconde fois son mot de passe. L'exactitude du mot de passe saisi sera automatiquement contrôlée dans les deux champs et, si nécessaire, un message d'alerte apparaîtra.

Question de contrôle :

Réponse correcte  : permet de définir la réponse correcte qui sera comparée à celle donnée par l'utilisateur.

Conditions d'acceptation :

Texte de la condition  : permet d'insérer le texte des conditions que l'utilisateur doit accepter avant d'envoyer les données.

Séparateur :

Couleur de texte  : permet d'indiquer la couleur à utiliser pour le texte.
Couleur de ligne  : spécifie la couleur à utiliser pour tracer la ligne du Séparateur. Si vous choisissez la couleur Transparente, la ligne de séparation devient invisible et il ne reste que le texte associé comme Étiquette.
Afficher les données dans un nouveau cadre : fait en sorte que les champs après le séparateur ne s'affichent pas immédiatement, mais seulement dans un nouveau cadre auquel l'utilisateur peut accéder en cliquant sur le bouton Suivant (automatiquement ajouté à la fin du formulaire e-mail).

Description :

Nombre de lignes : définit la hauteur du Champ, en spécifiant le nombre de lignes affichées (avec un maximum de 30).
Police  : spécifie le type de Police, le Style et la taille du texte.
Couleur  : permet d'indiquer la couleur à utiliser pour le texte.
Alignement  : spécifie l'alignement tu texte inséré, au choix entre Gauche, Centre et Droite.
Marge extérieure  / Marge intérieure  : établissent la valeur en pixel pour les marges extérieures et intérieures du Champ.

Enfin, il faut spécifier que pour les champs Liste déroulante, Liste, Choix multiple et Choix unique il est possible créer la liste des réponses possibles à l'aide les commandes suivantes :

Ajouter / Supprimer : permettent, respectivement, d'ajouter une nouvelle réponse ou de supprimer la réponse sélectionnée.
En haut / En bas : permettent, respectivement, d'agir sur la commande d'affichage des réponses possibles, en déplaçant vers le haut ou le bas celle sélectionnée.
Modifier : permet de modifier la modalité de réponse sélectionnée. Vous pouvez également cliquer une deuxième fois sur un élément déjà sélectionné afin de le modifier.
Cliquez pour etendre/reduireRéférence : Les commandes de la Section Options

Les options présentes dans cette section permettent de gérer quelques propriétés avancées des Champs d'un Formulaire de Contact.

Les options disponibles sont :

Description de champ : permet d'insérer un message utile, par exemple, expliquant à l'utilisateur le type d'information qu'il doit taper dans le champ ou comment répondre. Le cas échéant, une icône (personnalisable) apparaît à côté du champ indiquant la disponibilité d'autres informations: quand vous passez la souris sur cette icône, vous affichez une info-bulle contenant les informations disponibles.
Attribut <name>  : permet d'indiquer la valeur à associer à l'attribut <name> du champ lors de la création du code HTML relatif au Formulaire de Contact. Cette option est utile quand, par exemple comme méthode d'Envoi des données (voir: Objet Formulaire de Contact | Envoi), vous définissez Envoyer les données à un fichier.
Nom de champ de base de données  : permet d'indiquer le nom à attribuer au champ pour que la donnée saisie puisse être correctement reconnue et insérée dans une base de données. Cette option est utile quand, par exemple comme méthode d'Envoi des données (voir: Objet Formulaire de Contact | Envoi), vous définissez Envoyer les données à une base de données.