<html lang="fr-fr" dir="ltr"><head></head><body>### [Comment pré-remplir des champs dans le même formulaire](https://wpforms.com/developers/how-to-pre-populate-fields-in-the-same-form/)

**Publié le :** 21 mars 2022
**Auteur :** Équipe éditoriale

**Extrait :** Ce tutoriel vous expliquera comment prendre les valeurs saisies dans un champ et pré-remplir un autre champ du même formulaire. 

**Contenu :**

Vous souhaitez pré-remplir des champs de votre formulaire avec des valeurs provenant d'autres champs du même formulaire ? Avec JavaScript, vous pouvez y parvenir. Dans ce guide, nous vous expliquerons le processus de création de votre formulaire et l'intégration d'un extrait de code qui extraira le champ Nom de la première page du formulaire et remplira automatiquement le champ Nom de la deuxième page du même formulaire.

## Création du formulaire

Pour ce tutoriel, nous créons un formulaire multipage qui comportera un champ **Nom** sur les deux pages du formulaire.

Si vous avez besoin d'aide pour créer un formulaire multipage, [veuillez consulter cette documentation](https://wpforms.com/docs/how-to-create-multi-page-forms-in-wpforms/ "Comment créer des formulaires multipages dans WPForms").

![créer le formulaire multipage](https://wpforms.com/wp-content/uploads/2022/03/multi-page-wpforms-pre-populate.jpg)

Le **Format** du champ **Nom** pour les besoins de ce tutoriel est défini sur **Simple**. ![définir le format du champ Nom sur Simple](https://wpforms.com/wp-content/uploads/2022/03/wpforms-name-field-format.jpg)

## Pré-remplissage des champs

Afin de pré-remplir des champs dans le même formulaire, nous devrons ajouter cet extrait de code à notre site.

Si vous avez besoin d'aide sur comment et où ajouter des extraits de code à votre site, [veuillez consulter ce tutoriel](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Comment ajouter du PHP ou du JavaScript personnalisé pour WPForms").

```

/**
 * Populate fields in the same form
 *
 * @link https://wpforms.com/developers/how-to-pre-populate-fields-in-the-same-form/
 */

function wpf_dev_name_change() {
    ?&gt;

**Catégories :** Extension

**Tags :** Javascript, JS

---</body></html>