Un guide complet des types de champs standard dans WPForms

Vous vous demandez à quels champs de formulaire vous avez accès dans WPForms et ce que fait chacun d'entre eux ? WPForms dispose de nombreux types de champs pour faciliter la création et le remplissage des formulaires.

Dans ce tutoriel, nous allons couvrir les champs standards disponibles dans WPForms.

Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.
Essayez ce formulaire de démonstration !
Échelle de Likert
Pas d'accordNeutreAccorder
Point n° 1
Pas d'accord
Neutre
Accorder
Point n° 2
Pas d'accord
Neutre
Accorder
Point n° 3
Pas d'accord
Neutre
Accorder
Net Promoter Score
Date / Heure
Signature claire

Vous souhaitez commencer par utiliser nos modèles de formulaires prêts à l'emploi ? Consultez notre modèle de téléchargement de demande d'emploi personnalisable.


Champs standard

Les champs standard sont disponibles pour tous les utilisateurs de WPForms.

Les champs standard de WPForms

Voici un aperçu en direct de certains des champs standard de WPForms.

Texte sur une seule ligne

Le champ Texte à ligne unique permet aux utilisateurs de saisir n'importe quel caractère dans une zone de saisie de taille standard.

Un champ de texte d'une seule ligne

Par défaut, il n'y a pas de validation pour ce champ. Il est possible d'utiliser n'importe quel nombre de caractères et n'importe quel type de caractère. Vous pouvez toutefois créer votre propre masque de saisie ou fixer une limite au nombre de mots ou de caractères que les utilisateurs peuvent saisir.

Texte du paragraphe

Le champ Texte du paragraphe offre une zone plus grande où les utilisateurs peuvent saisir du texte.

Un champ Texte du paragraphe

Par défaut, ce champ n'est pas validé. Il est possible d'utiliser n'importe quel nombre de caractères et n'importe quel type de caractère. Toutefois, vous pouvez éventuellement fixer une limite au nombre de mots ou de caractères que les utilisateurs peuvent saisir.

Le champ Dropdown affiche une liste d'éléments lorsque l'utilisateur clique dessus. Vous pouvez également choisir entre deux options de style différentes : Moderne ou Classique.

Un champ de type Dropdown

Si vous le souhaitez, vous pouvez également activer des sélections multiples à partir d'une liste déroulante.

Vous voulez voir tous les détails sur la façon de personnaliser les champs Dropdown de WPForms ? Consultez notre tutoriel complet sur l 'utilisation de ce type de champ.

Choix multiple

Le champ Choix multiple permet aux utilisateurs de choisir un élément dans une liste d'options. Si vous le souhaitez, vous pouvez également rendre les choix aléatoires et ajouter des images aux choix dans ce champ.

Un champ à choix multiple

Pour plus d'informations sur toutes les possibilités d'utilisation de ce type de champ, consultez notre tutoriel sur la personnalisation du champ Choix multiple.

Cases à cocher

Le champ "cases à cocher" permet aux utilisateurs de choisir un nombre quelconque d'éléments dans une liste d'options. Ce champ vous permet également de rendre les choix aléatoires et d'ajouter des images aux choix si vous le souhaitez.

Un champ de cases à cocher

Souhaitez-vous modifier l'aspect de vos cases à cocher dans vos formulaires publiés ? Notre tutoriel sur la personnalisation du champ Checkboxes contient tous les détails.

Chiffres

Le champ "Numbers" permet aux utilisateurs de saisir des valeurs numériques, avec des options permettant de définir des fourchettes minimales et maximales. Au survol, des flèches à l'intérieur du champ de saisie permettent aux utilisateurs d'augmenter ou de diminuer la valeur du nombre de 1.

Un champ de chiffres

Vous souhaitez en savoir plus sur la personnalisation du champ Numbers, notamment sur la définition des plages et des valeurs par défaut ? Consultez notre guide complet sur l'utilisation du champ Numbers dans WPForms.

Nom

Le champ Nom propose plusieurs options de formatage du nom : une seule ligne, des sous-champs pour le prénom et le nom, ou des sous-champs pour le prénom, le second prénom et le nom.

Un champ Nom

Si vous souhaitez personnaliser les sous-étiquettes du champ Nom, vous pouvez le faire en utilisant un extrait de code PHP spécifique. Pour plus de détails sur l'application de cette modification, consultez notre documentation destinée aux développeurs.

Courriel

Le champ Email permet aux utilisateurs d'entrer uniquement une adresse email valide (par exemple, [email protected]).

Un champ Email

Si le format de l'adresse électronique saisie par l'utilisateur n'est pas valide, ce dernier verra s'afficher l'erreur suivante : "Veuillez saisir une adresse électronique valide".

Message de validation d'un champ de courrier électronique

Vous souhaitez personnaliser le message d'erreur pour la validation des courriels ? Consultez notre tutoriel sur la modification des messages de validation pour obtenir un guide étape par étape.

Si l'utilisateur saisit une adresse électronique courante (@gmail.com, @yahoo.com, etc.) et qu'il y a une faute de frappe, le champ Email le détectera et proposera une correction.

Un message de correction de coquille pour une adresse Gmail

Vous pouvez également ajouter un champ Email de confirmation.

Un champ Email de confirmation

Curseur de nombre

Le champ Curseur numérique affiche une barre représentant une plage de valeurs numériques. Les valeurs minimales et maximales sont facilement personnalisables dans le panneau Options du champ. Vous pouvez également ajuster la valeur d'incrémentation du curseur dans les options avancées du champ.

La valeur sélectionnée est affichée sous le curseur.

Un champ de la réglette des nombres

hCaptcha

Ce champ apparaît dans le constructeur de formulaire si vous avez activé hCaptcha dans les paramètres de WPForms. Il ajoute une protection anti-spam gratuite à vos formulaires.

Le champ hCaptcha

Pour plus d'informations sur l'utilisation de hCaptcha avec WPForms, consultez notre tutoriel étape par étape sur la façon de le mettre en place.

reCAPTCHA

Le champ reCAPTCHA apparaît dans le constructeur de formulaire si vous l'avez activé dans les paramètres de WPForms et ajoutera le filtre anti-spam de Google à vos formulaires.

 largeur=

Vous avez le choix entre trois types de reCAPTCHA en fonction de vos besoins en matière de style et de sécurité.

Pour plus de détails, veuillez consulter notre tutoriel sur l'utilisation de reCAPTCHA avec WPForms.

Tourniquet

Le champ Turnstile apparaît dans le générateur de formulaire si vous avez activé Cloudflare Turnstile dans les paramètres de WPForms. Il protège votre formulaire contre les soumissions de spam.

Widget Captcha de Cloudflare

Pour plus d'informations, veuillez consulter notre tutoriel sur la mise en place et l'utilisation de Cloudflare Turnstile avec WPForms.

Accord GDPR

Le champ Accord GDPR affichera une case à cocher obligatoire demandant aux utilisateurs de consentir à la collecte et au stockage de leurs informations.

Un champ d'accord GDPR

Vous voulez en savoir plus sur WPForms et le GDPR ? Consultez notre tutoriel sur la conformité GDPR.

C'est tout ! Nous espérons que ce tutoriel vous a aidé à vous familiariser avec tous les champs disponibles dans WPForms.

Ensuite, vous voulez en savoir plus sur les autres types de champs dans WPForms ? Consultez notre tutoriel sur les champs fantaisie et les champs de paiement pour plus de détails.

Le meilleur plugin WordPress de construction de formulaires par glisser-déposer

Facile, rapide et sécurisé. Rejoignez plus de 6 millions de propriétaires de sites web qui font confiance à WPForms.

Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.