Créer des formulaires
Paramètres des champs
Chaque question dispose de paramètres communs — titre, obligatoire, espace réservé — ainsi que d’options spécifiques au type comme les limites de caractères, les restrictions de fichiers et les règles de validation. Cette page les couvre tous.
Accéder aux paramètres d’un champ
Tapez le titre d’une question et ses options directement sur le canevas. Tout le reste se trouve dans le menu du bloc : cliquez sur la poignée de déplacement sur le bord gauche du bloc (ou touchez l’indicateur du bloc sur un écran tactile) et choisissez parmi Convertir en, Options, Validation, et les actions habituelles de duplication / déplacement / masquage / suppression.
Paramètres communs
Ces options apparaissent sur chaque champ de question, quel que soit son type.
| Paramètre | Ce qu'il fait |
|---|---|
| Titre | L'étiquette de la question visible par les répondants — prend en charge le gras, l'italique et les liens |
| Masquer le titre / Afficher le titre | Masque l'étiquette mais conserve le champ. Utile lorsqu'un paragraphe au-dessus indique déjà quoi saisir |
| Marquer comme obligatoire / Marquer comme facultatif | Les questions sont obligatoires par défaut : un astérisque s'affiche et une réponse vide bloque la soumission. Ranking et Documents ne sont jamais comptés comme sans réponse, et une question que la logique masque n'est jamais obligatoire |
| Définir le texte d'aide / Définir la valeur par défaut | Une seule saisie, deux modes. Le texte d'aide est l'indice gris qui disparaît dès que le répondant tape ; la valeur par défaut est une réponse réelle qu'il peut modifier ou effacer. Seuls Text Input, Text Area, Email, Website URL, Phone Number et Number ont les deux. Basculez avec cet élément de menu ou appuyez sur ⌘ + D (Ctrl + D) dans le champ |
La clé d’un champ — le nom sous lequel les automatisations le pré-remplissent et le lisent — se définit dans le tableau Clés, que l’icône clé de la barre d’outils ouvre pour tout le formulaire : une clé par champ, option, ligne et colonne. Laissez une clé vide pour utiliser celle dérivée du titre ou de l’intitulé. Modifier une clé sur un formulaire publié vous avertit que les automatisations utilisant l’ancienne clé cesseront de fonctionner. La ligne d’indice de chaque option porte aussi sa clé sous forme de puce modifiable sur place. Voir Clés de champ pour savoir comment les clés sont dérivées, figées à la publication, et utilisées par les appelants.
Ajouter du texte d’aide
formbase est un éditeur de style document — pour ajouter du texte d’aide ou des instructions pour une question, insérez un bloc de paragraphe ou de titre au-dessus ou en dessous du champ dans le canvas. Les blocs de contenu entre les questions sont visibles pour les répondants et fonctionnent comme n’importe quel autre bloc.
Visibilité du titre et données
Masquer un titre ne supprime pas le champ des soumissions. Il apparaît toujours comme en-tête de colonne dans les exports, alors donnez un nom interne clair aux champs à titre masqué.
Options de texte
Longueur minimale et Longueur maximale se trouvent sous Validation dans le menu du bloc et s’appliquent à Text Input, Text Area et Website URL. Text Area est la variante multi-lignes de Text Input — basculez entre eux avec Convertir en.
Options de nombre
Minimum et Maximum se trouvent sous Validation et s’appliquent à Number, Star Rating et un linear scale. Number propose aussi Pas : la réponse doit être un multiple de celui-ci, si bien qu’un pas de 1 n’accepte que des nombres entiers et 0,5 accepte les demis. Laissez-le vide pour accepter n’importe quel nombre.
Options de choix
Ces paramètres s’appliquent aux champs basés sur des choix : Radio Buttons, Checkboxes, Dropdown, Ranking, Single Picture Choice et Multi Picture Choice.
| Paramètre | S'applique à | Ce qu'il fait |
|---|---|---|
| Liste des options | Tous les types de choix | Les réponses parmi lesquelles les répondants choisissent — cliquez pour modifier, faites glisser pour réorganiser |
| Ordre aléatoire | Radio Buttons, Checkboxes, Dropdown, Ranking | Mélange l'ordre des options par répondant pour réduire les biais. L'élément de menu affiche Supprimer l'ordre aléatoire une fois activé |
| Sélection multiple / unique | Single Picture Choice, Multi Picture Choice | Bascule le choix d'image entre une seule sélection et plusieurs |
| Sélections min / max | Checkboxes, picture choice | Sous Validation — le nombre minimum ou maximum d'options pouvant être cochées |
Chaque option peut aussi être masquée ou présélectionnée depuis le canevas : le curseur dans une option, appuyez sur ⌘ + H (Ctrl + H) pour la masquer, ou sur ⌘ + D (Ctrl + D) pour la sélectionner par défaut.
Options de notation et d’échelle
Notation
Le champ Star Rating affiche 5 étoiles par défaut. Utilisez Augmenter le nombre maximum d’étoiles et Diminuer le nombre maximum d’étoiles dans le menu du bloc pour choisir une valeur entre 1 et 10. Convertissez-le en linear scale depuis le même menu ; le maximum est conservé et les éléments de menu deviennent Augmenter / Diminuer le maximum de l’échelle.
Matrice
Le champ Matrix / Grid crée une grille de choix. Définissez les Lignes (les sous-questions) et les Colonnes (les réponses). Le répondant choisit une colonne par ligne. Sous Validation, vous pouvez Exiger toutes les lignes ou définir Lignes minimum répondues.
Options de téléchargement de fichiers et de paiement
Téléchargement de fichiers
File Upload propose Fichiers minimum, Fichiers maximum, Taille maximale (Mo) et Types acceptés sous Validation. Voir Téléversements de fichiers et signatures pour le détail.
Paiement
Le champ Payment collecte un paiement unique. Définissez le Montant et la Devise sur le bloc — USD, EUR, GBP, JPY, CAD, AUD, CHF, SEK, NOK, DKK, NZD, SGD, HKD, AED ou TRY. Chaque devise a un montant minimum (0,50 pour USD et EUR), et la publication est bloquée tant que Stripe n’est pas connecté et que le montant n’est pas valide. Voir Collecte de paiements.
Valeurs par défaut issues d’autres champs
La valeur par défaut d’un champ peut provenir d’un autre champ du même formulaire au lieu d’un texte fixe — un champ masqué (par exemple un paramètre d’URL) ou un champ calculé. Cela fonctionne sur les six champs de saisie qui ont un emplacement de valeur par défaut : Text Input, Text Area, Email, Website URL, Phone Number et Number.
Pour le configurer :
- Cliquez dans le champ de saisie.
Tapez @ comme premier caractère. Un menu liste vos champs masqués et calculés ; continuez à taper pour filtrer.
Choisissez un champ. Le champ de saisie passe de lui-même en mode valeur par défaut et l’affiche sous forme de puce, par exemple @recipient.
Pour supprimer la référence, cliquez sur le × de la puce, appuyez sur Backspace, ou appuyez de nouveau sur
⌘ + D. Si vous préférez un @ littéral à la place — un espace réservé comme @yourhandle —,
appuyez sur Esc pour fermer le menu et continuez à taper ; le champ de saisie reste dans le mode où il était. Une puce devient
rouge lorsque son champ a été supprimé ; réajouter un champ portant le même nom la reconnecte.
La puce remplace le texte d’espace réservé du champ. Le @ n’ouvre le menu que comme premier caractère, donc une valeur par
défaut comme jeff@example.com reste du texte brut.
Quand quelqu’un ouvre le formulaire, le champ est pré-rempli avec la valeur référencée — par exemple, un lien se terminant par
?recipient=Jeff remplit un Text Input qui référence le champ masqué recipient avec “Jeff”. Voici comment cela se
comporte :
- Les répondants peuvent modifier ou effacer la valeur. Leur propre réponse n’est jamais écrasée.
Un champ calculé remplit le champ de saisie avec la première valeur qu’il possède — généralement sa valeur initiale. Les modifications ultérieures effectuées par des règles logiques ne remplacent pas ce qui est déjà présent dans le champ de saisie.
Si le champ référencé n’a pas de valeur, le champ de saisie démarre vide. Un champ Number reste également vide lorsque la valeur n’est pas un nombre (par exemple
?age=abc).- La soumission stocke les deux valeurs : le champ masqué ou calculé, et la réponse finale de la question.
Voir Champs masqués et Champs calculés.
Exemples
Formulaire de contact — Champ Email marqué obligatoire, Text Area pour le message avec un espace réservé “Dites-nous comment nous pouvons vous aider…”, champ Phone Number marqué comme facultatif, avec un paragraphe en dessous : “Nous vous appellerons uniquement si nous devons clarifier votre demande”
Sondage NPS — Star Rating réglé à 10 étoiles, suivi d’un Text Area (masqué par défaut, affiché via la logique conditionnelle quand le score est de 6 ou moins) avec l’espace réservé “Qu’est-ce que nous pourrions améliorer ?”
Commande de produit — Champ Number pour la quantité avec un minimum de 1 / maximum de 100, Checkboxes pour les compléments, et un champ de paiement dont le montant est piloté par un champ calculé
Inscription à un événement — Radio Buttons pour la présence, Checkboxes pour les restrictions alimentaires avec un ordre aléatoire pour éviter les biais, Date Picker avec une date la plus proche définie
Règles de validation
La validation s’exécute pendant que le répondant remplit votre formulaire. formbase met en évidence les saisies incorrectes en ligne et refuse de soumettre tant que tout n’est pas valide.
Intégrée par type de champ
Chaque type de question vérifie sa propre forme, sans rien à configurer. Email vérifie le format de l’adresse. Website URL n’accepte que les liens http et https et rejette un hôte qui n’est pas un vrai domaine. Phone Number vérifie le numéro par rapport au pays sélectionné. Number, Date Picker et Time Picker rejettent tout ce qui n’est pas un nombre, une date ou une heure.
Sur Business, une question e-mail peut en plus exiger une vérification — le répondant confirme cette adresse avec un code à usage unique avant que le formulaire n’accepte la soumission. Le bouton se trouve sous Validation → Vérification. Voir vérification e-mail des répondants.
Règles facultatives par champ
Ouvrez le menu du bloc et choisissez Validation. Les règles proposées dépendent du type de question ; ce sont les libellés exacts du menu.
| Règle | S'applique à | Effet |
|---|---|---|
| Longueur minimale / Longueur maximale | Text Input, Text Area, Website URL | Nombre de caractères, mesuré après suppression des espaces |
| Regex | Text Input, Text Area, Website URL, Email | La réponse doit correspondre au motif |
| Minimum / Maximum | Number, Star Rating, linear scale | Limite la plage numérique |
| Pas | Number | La réponse doit être un multiple du pas ; 1 signifie uniquement des nombres entiers |
| Date la plus ancienne / Date la plus récente | Date Picker | Borne les dates autorisées |
| Heure la plus ancienne / Heure la plus récente | Time Picker | Borne les heures autorisées |
| Sélections minimales / Sélections maximales | Checkboxes, picture choice | Nombre d'options pouvant être cochées |
| Exiger toutes les lignes | Matrix / Grid | Chaque ligne doit avoir une réponse |
| Lignes minimum répondues | Matrix / Grid | Nombre de lignes qui doivent être répondues |
| Fichiers minimum / Fichiers maximum | File Upload | Nombre de fichiers par soumission |
| Taille maximale (Mo) | File Upload | Taille maximale autorisée par fichier |
| Types acceptés | File Upload | Choisissez parmi .pdf, .docx, image/*, .zip et plus |
| Exiger la vérification par e-mail | Email (Business) | Le répondant confirme son adresse avec un code à usage unique |
Radio Buttons, Dropdown, Toggle Switch, Signature, Ranking, Payment et Planifier un rendez-vous ne prennent aucune règle de validation — obligatoire ou non est le seul choix. À l’intérieur d’un groupe répétable, la vérification par e-mail n’est pas proposée.
Exemples de motifs personnalisés
Code postal américain —
^\d{5}(-\d{4})?$Code couleur hexadécimal —
^#[0-9a-fA-F]{6}$Slug compatible URL —
^[a-z0-9-]+$
Une valeur qui ne correspond pas affiche une erreur générique “Valeur invalide”, ajoutez donc un paragraphe près du champ décrivant le format attendu. Une regex invalide est ignorée et ne bloque jamais la soumission. Les règles de longueur comptent les caractères après suppression des espaces en début et en fin.
Comment la validation s’exécute
formbase vérifie la validation en temps réel dans le navigateur pendant que le répondant tape. Les erreurs de format et de règles apparaissent immédiatement avec un message en ligne ; une erreur “Ce champ est obligatoire” apparaît une fois que le champ a été touché, ou lorsque le répondant tente de soumettre.
Ne validez pas les données sensibles avec la regex seule
Pour des éléments comme les cartes de crédit ou les pièces d’identité officielles, utilisez le type de champ ou l’intégration approprié. La regex vérifie la forme, pas la validité.