### [Afficher un décompte en direct des champs répéteurs dans votre formulaire](https://wpforms.com/developers/show-a-live-count-of-repeater-fields-in-your-form/) **Publié :** 3 juin 2025 **Auteur :** Umair Majeed **Contenu :** Souhaitez-vous afficher un décompte en direct du nombre de lignes de champ répéteur ajoutées à votre formulaire ? Cela peut être utile lorsque vous souhaitez que les utilisateurs voient combien d'éléments ils ont saisis, en particulier dans des scénarios tels que l'ajout de noms, de tâches ou d'articles de produits. Dans ce tutoriel, nous vous expliquerons comment mettre à jour automatiquement un champ « Compte » en temps réel à l'aide d'un simple extrait de code PHP. **Remarque :** Ce tutoriel implique l'ajout de PHP et de JavaScript. Si vous avez besoin d'aide pour ajouter des extraits de code à votre site, veuillez consulter ce [guide sur l'ajout de code personnalisé pour WPForms](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/). ## Création de votre formulaire Pour commencer, créez votre formulaire et incluez un champ Répéteur ainsi qu'un champ **Texte sur une seule ligne** intitulé par exemple « Compte ». Ce champ sera mis à jour automatiquement et ne doit pas être rempli manuellement par l'utilisateur. Si vous avez besoin d'aide pour créer un formulaire, consultez notre tutoriel sur [la création de votre premier formulaire](https://wpforms.com/docs/creating-first-form/). ## Ajout de l'extrait de code Utilisez l'extrait de code suivant pour activer la fonctionnalité de décompte en direct sur votre formulaire. ## Personnalisation de l'extrait de code Vous devrez mettre à jour les identifiants suivants dans l'extrait de code pour correspondre à votre propre formulaire : - `wpforms-5410-field_1-container` : Remplacez `5410` par l'identifiant réel de votre **formulaire** et `field_1` par l'identifiant de votre **champ répéteur**. - `wpforms-5410-field_3` : Remplacez `field_3` par l'identifiant de votre **champ Compte**. Pour localiser les identifiants de votre formulaire et de vos champs, consultez [ce tutoriel](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/). Une fois cet extrait de code ajouté et les identifiants mis à jour, le champ Compte se mettra à jour automatiquement lorsque les utilisateurs ajouteront ou supprimeront des lignes du répéteur. Et voilà ! Vous avez maintenant ajouté un compteur dynamique à votre champ répéteur, donnant aux utilisateurs un aperçu clair du nombre d'entrées qu'ils ont effectuées. **Catégories :** Champs, Extension ---