Un guide complet des types de champs standard dans WPForms

Vous vous demandez à quels champs de formulaire vous avez accès dans WPForms et à quoi ils servent ? WPForms propose de nombreux types de champs pour faciliter la création et le remplissage de formulaires.

Dans ce tutoriel, nous aborderons les champs standard disponibles dans WPForms.

Essayez cette démo de formulaire !
Échelle de Likert
Pas d'accordNeutreD'accord
Article n°1
Pas d'accord
Neutre
D'accord
Article n°2
Pas d'accord
Neutre
D'accord
Article n°3
Pas d'accord
Neutre
D'accord
Net Promoter Score
Date / Heure
Effacer la signature

Vous souhaitez commencer avec nos modèles de formulaires prêts à l'emploi ? Découvrez notre modèle de candidature d'emploi personnalisable avec téléversement.


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 dans WPForms.

Texte sur une seule ligne

Le champ Texte sur une seule ligne permet aux utilisateurs de saisir des caractères dans une zone de saisie de taille standard.

Un champ de texte sur une seule ligne

Par défaut, aucune validation n'est appliquée à ce champ. Un nombre illimité de caractères et de types de caractères peut être utilisé. Cependant, vous pouvez facultativement créer votre propre masque de saisie ou définir une limite sur le nombre de mots ou de caractères que les utilisateurs peuvent saisir.

Texte de paragraphe

Le champ Texte de paragraphe fournit une zone plus grande pour que les utilisateurs saisissent du texte.

Un champ de texte de paragraphe

Par défaut, aucune validation n'est appliquée à ce champ. Un nombre illimité de caractères et de types de caractères peut être utilisé. Cependant, vous pouvez facultativement définir une limite sur le nombre de mots ou de caractères que les utilisateurs peuvent saisir.

Le champ Liste déroulante affiche une liste d'éléments lorsque les utilisateurs cliquent dessus. Vous pouvez également choisir parmi deux options de style différentes : Moderne ou Classique.

Un champ déroulant

Si vous le souhaitez, vous pouvez également activer la sélection multiple dans une liste déroulante.

Vous souhaitez connaître tous les détails sur la façon de personnaliser vos champs de liste déroulante WPForms ? Consultez notre tutoriel complet sur la façon d'utiliser ce type de champ.

Choix multiples

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

Un champ à choix multiples

Pour plus d'informations sur toutes les façons dont vous pouvez utiliser ce type de champ, consultez notre tutoriel sur la façon de personnaliser le 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 randomiser les choix et d'ajouter des images aux choix si vous le souhaitez.

Un champ de cases à cocher

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

Numérique

Le champ Numéros permet aux utilisateurs de saisir des valeurs numériques, avec des options pour définir des plages minimales et maximales. Au survol, des flèches dans le champ de saisie permettent aux utilisateurs d'augmenter ou de diminuer la valeur numérique de 1.

Un champ de nombres

Vous souhaitez en savoir plus sur la personnalisation du champ Numéros, y compris comment définir des plages et des valeurs par défaut ? Consultez notre guide complet sur l'utilisation du champ Numéros dans WPForms.

Nom

Le champ Nom offre 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 Deuxième prénom et le Nom.

Un champ Nom

Si vous souhaitez personnaliser les sous-libellés du champ Nom, vous pouvez le faire en utilisant un extrait de code PHP spécifique. Pour plus de détails sur la façon d'appliquer cette modification, consultez notre documentation développeur.

E-mail

Le champ E-mail permet aux utilisateurs de saisir uniquement une adresse e-mail valide (par exemple, [email protected]).

Un champ E-mail

Si la saisie d'un utilisateur n'est pas au format d'adresse e-mail valide, il verra un message d'erreur indiquant : « Veuillez saisir une adresse e-mail valide. »

Un message de validation de champ d'e-mail

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

Si l'utilisateur saisit une adresse e-mail populaire (@gmail.com, @yahoo.com, etc.) et inclut une faute de frappe, le champ E-mail le détectera et suggérera une correction.

Un message de correction de faute de frappe d'e-mail pour une adresse Gmail

Si vous préférez ne pas afficher du tout de suggestions, vous pouvez les désactiver en ouvrant l'onglet Avancé dans les options du champ E-mail et en activant Désactiver les suggestions.

Vous pouvez également ajouter facultativement un champ Confirmer l'e-mail.

Un champ Confirmer l'e-mail

Curseur numérique

Le champ Curseur Numérique affiche une barre représentant une plage de valeurs numériques. Les valeurs minimale et maximale 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 curseur numérique

hCaptcha

Ce champ apparaît dans le générateur de formulaires si vous avez activé hCaptcha dans vos paramètres 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 comment le configurer.

reCAPTCHA

Le champ reCAPTCHA apparaît dans le générateur de formulaires si vous l'avez activé dans vos paramètres 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 formulaires si vous avez activé Cloudflare Turnstile dans vos paramètres WPForms. Il protège votre formulaire contre les soumissions de spam.

Widget Captcha Cloudflare

Pour plus d'informations, veuillez consulter notre tutoriel sur comment configurer et utiliser Cloudflare Turnstile avec WPForms.

Accord RGPD

Le champ Accord RGPD affichera une case à cocher obligatoire demandant aux utilisateurs leur consentement pour collecter et stocker leurs informations.

Un champ d'accord RGPD

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

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

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

Le meilleur plugin de création de formulaires par glisser-déposer pour WordPress

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