Champ de saisie
- 12 Mar 2025
- 7 Minutes à lire
- Imprimer
- SombreClair
Champ de saisie
- Mis à jour le 12 Mar 2025
- 7 Minutes à lire
- Imprimer
- SombreClair
Résumé de l’article
Avez-vous trouvé ce résumé utile ?
Merci pour votre commentaire
Le Champ de Saisie est une zone de texte courte dans laquelle l’utilisateur peut rentrer un nom, un libellé, un nombre, un numéro de téléphone etc.
Comme pour le Champ Zone de Texte, il n’y a pas de limite dans le nombre de caractères saisis.
Les options du champ
Une fois le champ inséré dans votre formulaire, accédez à ses options en cliquant sur le crayon.
Elles sont réparties dans les onglets Propriétés, Visibilité, Affichage, Avancé et Aide.
1. Onglet Propriétés
Par défaut, le titre est le type du champ mais vous pouvez le modifier si vous le souhaitez.
La modification du titre après le premier enregistrement du formulaire ne change pas l'identifiant du champ ni sa balise dans l’onglet Aide.
1.1 Type
Le champ de saisie prend en charge différents modes de saisie.
- Texte : Un texte pouvant contenir des lettres, des chiffres et des symboles, le clavier disponible est alphanumérique. Il est possible d’utiliser toutes les touches.
- Nombre entier : Le clavier proposé est uniquement numérique. Bien que le point soit accessible, il n’est pas possible de valider une saisie avec décimale.
- **Nombre décimal **: Le clavier est uniquement numérique et il est possible de valider un nombre avec ou sans décimale.
- N° Téléphone : Le clavier est uniquement numérique et l’icône Téléphone s’affiche en bout de ligne.
- Email : Le clavier proposé est alphanumérique et l’icône Email s’affiche en bout de ligne. Il n’est pas possible de valider la saisie si le format Email n’est pas respecté.
- Adresse Site Web : Le clavier proposé est alphanumérique et l’icône Web s’affiche en bout de ligne. Il n’est pas possible de valider la saisie si le format URL n’est pas respecté.
- Numéro de série : Le clavier est alphanumérique et il est possible de saisir des lettres, des chiffres, des numéros commençant par le chiffre 0, des caractères spéciaux ou encore une longue série de caractères.
1.2 Saisie obligatoire
En activant cette option, vous rendez obligatoire la saisie de ce champ pour pouvoir enregistrer la donnée. Sur l’Application mobile, comme sur la saisie Web, une étoile rouge s’affiche.
1.3 Texte par défaut
Vous pouvez définir un texte par défaut qui s'affichera automatiquement lors de la saisie, cependant l’utilisateur pourra en saisir un autre.
2. Onglet Visibilité
Comme pour tous les types de champs, vous pouvez :
- Mettre une ou plusieurs conditions de visibilité : le champ ne s’affiche que si la ou les conditions sont vérifiées.
- Cocher Champ toujours caché pour qu'il ne s'affiche pas lors de la saisie.
- Ne rien faire : le champ reste toujours visible.
3. Onglet Affichage
Cet onglet vous permet de personnaliser l’affichage du champ sur l’application mobile.
3.1 Rester sur la même ligne que l’élément précédent lors de l’affichage sur le mobile
Cette option permet d’afficher deux champs côte à côte lors de la saisie de la donnée, à condition d’avoir activé l’option Autoriser l’affichage de plusieurs champs sur une ligne disponible dans les paramètres de l’application mobile.
3.2 Taille de l’élément
Il s’agit de la taille de la police du nom du champ lors de la saisie de la donnée. Vous pouvez choisir entre Normal, Plus grand ou Plus petit.
3.3 Couleur
Le nom du champ s’affiche dans la couleur de votre choix.
3.4 Icône
Cette option permet d'afficher une icône à gauche du nom du champ.
3.5 Texte d’aide
Il est possible de saisir une information à l’attention de vos utilisateurs. Lors de la saisie d’une donnée, elle est consultable en cliquant sur le point d'interrogation disposé à droite du nom du champ.
4. Onglet Avancé
4.1 Liste de suggestions
Le Champ de Saisie peut être associé à une Liste. Contrairement à un champ de type Liste, il permet à l'utilisateur soit de sélectionner un élément existant, soit d'en saisir un nouveau si celui-ci n'est pas présent dans la liste.
4.2 Cette donnée est une donnée personnelle
Cette option permet de masquer partiellement les informations personnelles, sur l’historique des données, et de pouvoir en afficher la totalité sur simple clic. Elle permet également d’obtenir un export Excel CSV des différents champs pour lesquels cette option est activée.
N’hésitez pas à consulter notre tutoriel Rendre vos formulaires conformes au RGPD.
4.3 Remplissage automatique
Lorsque cette option est activée, une icône + apparaît dans le champ lors de la saisie, permettant de mémoriser automatiquement les entrées. Par la suite, à chaque nouvelle saisie, une liste de suggestions de mots ou de phrases s’affiche dès les premières lettres tapées. Il suffit alors de cliquer sur la suggestion souhaitée pour l’insérer directement dans le champ. Cette fonctionnalité est particulièrement utile pour les saisies récurrentes, facilitant ainsi la saisie des données.
4.4 Suppression du paragraphe dans le Word personnalisé si donnée vide ou invisible
Si vous n’avez rien saisi dans ce champ, le paragraphe n’apparaîtra pas dans votre export Word personnalisé.
N’hésitez pas à consulter notre tutoriel Différence entre balise block et supression du paragraphe.
4.5 Lecture seule en modification ou push
La donnée ne pourra pas être modifiée après enregistrement ou lors d’un envoi de données préremplies en Push.
4.6 Passage automatique en majuscules
Par défaut, aucun traitement n’est effectué, mais vous pouvez sélectionner un des éléments suivants afin de saisir automatiquement certaines lettres en majuscules.
- Tout en majuscules
- Pas de traitement
- Chaque mot
- Début de phrases
Cela s’applique si vous saisissez le texte. En revanche si vous sélectionnez un élément d’une liste de suggestions, la casse est celle de la Liste Externe.
4.7 Masque de saisie (Expression régulière)
Le Masque de Saisie permet d’imposer un format spécifique aux données saisies, grâce à l'utilisation d'expressions régulières.
L’utilisateur doit respecter ce format pour valider son entrée.
4.7.1 Expressions régulières simples
Vous pouvez créer facilement un masque de saisie en utilisant les caractères suivants :
- A → représente une lettre
- N → représente un chiffre
Voici quelques exemples de masques de saisie :
| Expression | Format souhaité | |
|---|---|---|
| 📞 Numéro de téléphone | NN NN NN NN NN | 06 12 34 56 78 |
| 📅 Date | NN-NN-NNNN | 12-05-2024 |
| 🚗 Plaque d’immatriculation | AA-NNN-AA | AB-123-CD |
| 🆔 Numéro de Sécurité Sociale | N NN NN NN NNN NNN NN | 2 01 02 03 123 456 78 |
Ce système permet d’assurer une saisie homogène et conforme aux formats attendus.
4.7.2 – Expressions régulières avancées
Les expressions régulières, ou Regex, permettent de définir des masques de saisie plus complexes.
Vous souhaitez imposer un mot de passe sécurisé qui respecte certains critères. Voici un exmple de Regex :
/^(?=.[A-Za-z])(?=.[a-z])(?=.[A-Z])(?=.[0-9])(?=.*[
| Expression Regex | Validation effectuée |
|---|---|
| ^ | Début de la chaîne |
| (?=.*[A-Za-z]) | Contient au moins une lettre (majuscule ou minuscule) |
| (?=.*[a-z]) | Contient au moins une lettre minuscule |
| (?=.*[A-Z]) | Contient au moins une majuscule |
| (?=.*[0-9]) | Contient au moins un chiffre |
| (?=.*[$@]) | Contient au moins un caractère spécial parmi $ et @ |
| (?!.*[iIoO]) | Ne doit pas contenir les lettres i, I, o ou O (pour éviter confusion avec 1 et 0) |
| \S{6,12} | Doit contenir entre 6 et 12 caractères, sans espace |
| $ | Fin de la chaîne |
4.7.3 – Autres exemples d'expressions régulières utiles
Voici d'autres exemples pour assurer une saisie homogène et conforme aux formats attendus.
| Expression Regex | Validation effectuée | Format souhaité |
|---|---|---|
| ^\d{5}$ | Code postal à 5 chiffres | 75001 |
| ^\d{2}/\d{2}/\d{4}$ | Date au format JJ/MM/AAAA | 12/05/2024 |
| ^067$ | Numéro de téléphone français commençant par 06 ou 07, avec espaces obligatoires | 06 12 34 56 78 |
Pour tester et affiner vos Regex, n'hésitez pas à consulter le site Regex101.com.
Information pratique
Il convient de configurer le type de saisie dans l’onglet Propriétés afin d’afficher un clavier adapté, incluant les chiffres, les espaces et les caractères spéciaux.
4.8 Masque de saisie (Explications pour les mobiles)
Cette section vous permet de fournir une indication à vos utilisateurs sur le format de saisie attendu.
Par exemple : Veuillez entrer le numéro de téléphone sous la forme 01 23 45 67 89 et non 0123456789.
5. Onglet Aide
Dans cet onglet, vous trouverez l’identifiant ainsi que la ou les balises associées au champ.
- L’Identifiant est généré automatiquement à partir du nom du champ. Vous avez la possibilité de le modifier, tant que le formulaire n’a pas encore été enregistré.
- La Balise, quant à elle, est construite à partir de cet identifiant. Elle est toujours encadrée par deux dièses :
##balise##.
Les balises sont essentielles pour créer des exports personnalisés aux formats Word et Excel. Elles peuvent être ajustées afin de présenter les données saisies de différentes manières.
💡Pour aller plus loin :
- Consultez notre tutoriel Les balises pour personnaliser les exports afin de découvrir toutes les options de personnalisation.
- Besoin d’un coup de pouce ? Le guide Les bonnes pratiques pour les balises vous aidera à éviter les pièges courants.
%202.svg)
%201.svg)
