<html lang="fr-fr" dir="ltr"><head></head><body>### [Ajout de valeurs par défaut pour les champs](https://wpforms.com/docs/how-to-add-default-values-for-form-fields/)

**Publié le :** 23 novembre 2023
**Auteur :** Umair Majeed

**Extrait :** Apprenez à pré-remplir du texte ou à présélectionner des options de champ spécifiques.

**Contenu :**

Souhaitez-vous ajouter des valeurs par défaut à vos champs de formulaire ? Avoir des champs déjà remplis ou présélectionnés avec l'option pertinente peut faciliter la complétion de votre formulaire par les utilisateurs.

Ce tutoriel vous montrera comment définir des valeurs par défaut pour les champs de formulaire dans WPForms.

- [Définir des valeurs par défaut pour les champs de saisie](#standard)
- [Utiliser des valeurs par défaut avec les champs à choix multiples, cases à cocher et listes déroulantes](#multiple-choice)
- [Ajouter une valeur par défaut à un champ de curseur numérique](#number-slider)

---

Pour commencer, assurez-vous que WPForms est [installé et activé](https://wpforms.com/docs/install-wpforms-plugin/) sur votre site. Ensuite, vous devrez [créer un nouveau formulaire](https://wpforms.com/docs/creating-first-form/ "Créer votre premier formulaire") ou en modifier un existant.

## Définir des valeurs par défaut pour les champs de saisie

Vous pouvez ajouter du texte par défaut aux champs de saisie suivants :

- Texte sur une seule ligne
- Texte de paragraphe
- Nombres
- Nom
- E-mail
- Téléphone (Licence de base ou supérieure)
- Adresse (Licence de base ou supérieure)
- Site web/URL (Licence de base ou supérieure)
- Mot de passe (Licence de base ou supérieure)
- Champ caché (Licence de base ou supérieure)

Pour commencer, ajoutez l'un des champs ci-dessus à votre formulaire. Ensuite, cliquez sur le champ pour accéder à ses options. Ouvrez ensuite l'onglet **Avancé** et recherchez le champ **Valeur par défaut**.

![L'option Valeur par défaut](https://wpforms.com/wp-content/uploads/2018/05/accessing-default-value-option.png)Dans le champ Valeur par défaut, vous pouvez ajouter du texte ou des balises intelligentes pour pré-remplir le champ du formulaire.

### Ajouter une valeur par défaut en utilisant du texte

Vous pouvez ajouter une valeur par défaut en tapant du texte directement dans le champ **Valeur par défaut**. Pour notre exemple, nous ajouterons "Demande générale" comme valeur par défaut pour le champ Sujet de notre formulaire de contact.

![Ajout de texte comme valeur par défaut pour un champ de texte sur une seule ligne](https://wpforms.com/wp-content/uploads/2018/05/default-value-text.png)Lorsqu'il sera publié sur votre site, ce champ sera pré-rempli avec le texte que vous avez ajouté, exactement tel que vous l'avez saisi dans les options du champ.

![Un exemple de valeur par défaut textuelle sur le front-end](https://wpforms.com/wp-content/uploads/2018/05/default-value-example-1.png)### Ajouter une valeur par défaut à l'aide d'une balise intelligente

Une [balise intelligente](https://wpforms.com/docs/how-to-use-smart-tags-in-wpforms/ "Comment utiliser les balises intelligentes dans WPForms") est un morceau de code que vous pouvez utiliser pour extraire des informations spécifiques dans le formulaire, telles que les données de la page ou de l'utilisateur.

Dans cet exemple, nous allons configurer la valeur par défaut d'un champ caché à l'aide d'une balise intelligente. Un champ caché n'est pas visible par les utilisateurs sur le front-end, il est donc utile pour collecter des informations d'entrée supplémentaires en arrière-plan.

À côté du champ **Valeur par défaut**, cliquez sur l'icône **Balises intelligentes** pour afficher une liste des balises intelligentes disponibles que vous pouvez insérer.

![Ajout d'une balise intelligente comme valeur par défaut pour un champ caché](https://wpforms.com/wp-content/uploads/2025/04/click-smart-tags-icon-1024x436.png)Pour notre exemple, nous voulons connaître le titre de la page sur laquelle le formulaire est intégré. Pour ce faire, faites défiler la liste des balises intelligentes et cliquez sur **Titre de l'article/page intégré**. Cela ajoutera la balise intelligente correspondante `{page_title}` au champ Valeur par défaut.

![La balise intelligente {page_title} dans le champ Valeur par défaut](https://wpforms.com/wp-content/uploads/2025/04/page-title-smart-tag-1024x462.png)Une fois le formulaire soumis, nous pourrons voir le titre de la page dans les [entrées du formulaire](https://wpforms.com/docs/complete-guide-to-form-entries/ "Guide complet des entrées de formulaire") et les [notifications](https://wpforms.com/docs/setup-form-notification-wpforms/ "Comment configurer les notifications de formulaire dans WPForms").

![Visualisation de la valeur par défaut du champ caché dans l'entrée](https://wpforms.com/wp-content/uploads/2018/05/view-hidden-field-default-value-entry.png)**Remarque :** Pour consulter la liste complète de nos balises intelligentes disponibles avec plus de détails et d'exemples, veuillez consulter notre tutoriel sur [comment utiliser les balises intelligentes dans WPForms](https://wpforms.com/docs/how-to-use-smart-tags-in-wpforms/ "Comment utiliser les balises intelligentes dans WPForms").

## Utiliser des valeurs par défaut avec les champs à choix multiples, cases à cocher et listes déroulantes

Vous pouvez configurer les champs à choix multiples, cases à cocher ou listes déroulantes pour qu'ils aient des options présélectionnées lorsqu'ils sont publiés sur votre site. Le champ Cases à cocher vous permet de définir une ou plusieurs valeurs par défaut, tandis que les champs à choix multiples et listes déroulantes vous permettent de définir une seule valeur par défaut.

Dans cet exemple, nous allons ajouter un champ Cases à cocher à un formulaire d'inscription pour permettre aux utilisateurs de choisir les newsletters auxquelles ils souhaitent s'abonner. Pour ouvrir le panneau **Options du champ**, cliquez sur le champ dans la zone d'aperçu du constructeur de formulaire.

Ensuite, nous présélectionnerons les options pour ce champ en cliquant sur les cases à cocher à côté de chaque choix.

![Sélection des choix par défaut pour un champ de cases à cocher](https://wpforms.com/wp-content/uploads/2018/05/default-selections-checkboxes.png)Lorsqu'elles seront publiées sur le front-end, ces options seront sélectionnées par défaut. Les utilisateurs pourront désélectionner des éléments en cliquant sur les cases à cocher.

![Cases à cocher présélectionnées sur le front-end](https://wpforms.com/wp-content/uploads/2018/05/preselected-checkboxes-example-1.png)## Ajouter une valeur par défaut à un champ de curseur numérique

Vous pouvez ajouter une valeur par défaut à vos champs de curseur numérique pour définir le sélecteur à un point spécifique de l'échelle.

Avant de définir la valeur par défaut de votre curseur numérique, assurez-vous de configurer sa plage dans le panneau **Options du champ**.

![Définition de la plage pour un champ de curseur numérique](https://wpforms.com/wp-content/uploads/2018/05/setting-number-slider-range.png)Cliquez ensuite sur l'onglet **Avancé** et définissez la valeur par défaut. Il doit s'agir d'un nombre compris dans la plage que vous avez définie.

![Définition de la valeur par défaut d'un curseur numérique](https://wpforms.com/wp-content/uploads/2018/05/setting-number-slider-default-value.png)Sur le front-end, le sélecteur sera réglé sur le nombre que vous avez spécifié jusqu'à ce qu'un utilisateur le déplace.

![Un exemple de curseur numérique sur le front-end](https://wpforms.com/wp-content/uploads/2018/05/number-slider-example-1.png)Voilà ! Vous savez maintenant comment définir des valeurs par défaut pour vos champs de formulaire.

Ensuite, souhaitez-vous exiger un format de saisie spécifique pour un champ de formulaire ? Consultez notre tutoriel sur [comment utiliser les masques de saisie personnalisés](https://wpforms.com/docs/how-to-use-custom-input-masks/ "Comment utiliser les masques de saisie personnalisés dans WPForms") pour définir les règles relatives aux valeurs que les utilisateurs peuvent saisir dans un champ.

**Catégories :** Champs, Personnalisation des champs

---</body></html>