### [Comment ajouter un texte descriptif sous les cases à cocher et les questions à choix multiples](https://wpforms.com/developers/how-to-add-descriptive-text-under-checkbox-and-multiple-choice/)

**Publié le :** 20 février 2024
**Auteur :** Équipe éditoriale

**Extrait :** Dans cet article, nous allons vous montrer comment ajouter un texte descriptif sous vos champs « Case à cocher » et « Choix multiple ».

**Contenu :**

Souhaitez-vous ajouter un texte descriptif sous les libellés de vos champs **Case à cocher** et **Choix multiple** ? Dans ce tutoriel, nous allons utiliser du code HTML de base pour vous montrer à quel point cela peut être facile à réaliser en quelques étapes simples.

Par défaut, de nombreux libellés de champs WPForms acceptent les balises HTML standard telles que `br` (créer une nouvelle ligne), `i` (italique) et `b` (gras) ; toutefois, veuillez noter que **tous** les champs n'acceptent pas ces balises et que toutes les balises HTML ne sont pas acceptées. N'oubliez pas de tester minutieusement chacun de vos formulaires pour vous assurer que vos modifications s'affichent exactement comme prévu. Pour plus d’informations sur la définition des éléments HTML, [veuillez consulter la documentation de Mozilla à ce sujet](https://developer.mozilla.org/en-US/docs/Web/HTML/Element "Référence des éléments HTML").

## Création du formulaire

Nous allons commencer par créer notre formulaire et ajouter nos champs, qui comprendront au moins une **case à cocher** et une **question à choix multiples**.

Si vous avez besoin d'aide pour créer un formulaire, [consultez ce guide pratique](https://wpforms.com/docs/creating-first-form/ "Créer votre premier formulaire").

![Commencez par créer votre formulaire et ajouter vos champs](https://wpforms.com/wp-content/uploads/2024/02/wpforms-descriptive-text.jpg)

## Ajouter le texte descriptif

Une fois que vous avez ajouté vos champs **Case à cocher** et **Choix multiple**, dans chaque libellé, commencez par ajouter une balise ``. Il s'agit d'une balise HTML standard qui créera une nouvelle ligne sous le libellé d'origine.

Ensuite, nous allons mettre en gras le texte descriptif situé sous le champ **Choix multiple** et en italique celui situé sous les libellés des **Cases à cocher**.

Pour ce faire, nous allons utiliser le code HTML standard pour le gras en encadrant notre texte descriptif dans une balise HTML ``.

Pour les libellés **Multiple Choice**, chaque libellé sera créé en ajoutant ce texte à l’intérieur du champ de libellé.

- `Produit A  Ceci est un texte descriptif pour le produit A`
- `Produit B  Ceci est un texte descriptif pour le produit B`
- `Produit C  Ceci est un texte descriptif pour le produit C`

Pour les libellés **Checkbox**, chaque libellé sera créé en ajoutant ce texte à l’intérieur du champ de libellé.

- `Forfait A  Ceci est un texte descriptif pour le forfait A`
- `Forfait B  Ceci est un texte descriptif pour le forfait B`
- `Forfait C  Ceci est un texte descriptif pour le forfait C`

![Ajoutez du code HTML aux libellés des cases à cocher et des champs à choix multiples](https://wpforms.com/wp-content/uploads/2024/02/wpforms-add-html-to-label.jpg)

En ajoutant ce code HTML à vos libellés, vous verrez désormais apparaître un texte descriptif sous les libellés de ces champs.

![vous verrez désormais le texte descriptif sous vos étiquettes de cases à cocher et de champs à choix multiples](https://wpforms.com/wp-content/uploads/2024/02/wpforms-descriptive-text-showing.jpg)

Souhaitez-vous également personnaliser les couleurs des **cases à cocher** et des **champs à choix multiples** ? Consultez notre article sur [Comment personnaliser les styles des champs à case à cocher](https://wpforms.com/developers/how-to-customize-the-checkbox-field-styles/ "Comment personnaliser les styles des champs à case à cocher").

**Catégories :** Champs

**Mots-clés :** CSS, champs

---

