Définition des champs en lecture seule

Souhaitez-vous afficher des informations dans vos formulaires sans permettre aux utilisateurs de les modifier ? Avec WPForms, vous pouvez rendre n'importe quel champ non modifiable afin que les utilisateurs puissent afficher les valeurs mais pas les modifier.

Dans ce tutoriel, nous vous montrerons comment activer l'option non modifiable dans le générateur de formulaires.


Activation du mode non modifiable pour un champ

Pour commencer, ouvrez votre formulaire dans le générateur et cliquez sur le champ que vous souhaitez rendre non modifiable. Ensuite, ouvrez l'onglet Avancé dans le panneau Options du champ et activez le paramètre Non modifiable.

Option non modifiable

Une fois activé, le champ restera visible sur votre formulaire, mais les utilisateurs ne pourront pas modifier sa valeur.

Cas d'utilisation des champs non modifiables

Les champs non modifiables sont utiles dans de nombreux scénarios différents, tels que :

  • Affichage des données pré-remplies : Par exemple, vous pouvez insérer des balises intelligentes comme {user_email} ou {user_display_name} pour afficher les détails du compte d'un utilisateur sans lui permettre de modifier ces valeurs.
  • Affichage des totaux calculés : Si votre formulaire calcule une valeur (comme les totaux de commande ou les scores), vous pouvez l'afficher dans un champ non modifiable.
  • Formulaires de confirmation : Permettez aux utilisateurs de vérifier les informations avant la soumission sans les modifier.
  • Restrictions basées sur le rôle : Combinez la logique conditionnelle avec des champs non modifiables afin que certains utilisateurs ne puissent que visualiser les données tandis que d'autres peuvent les modifier.

Apparence des champs non modifiables sur le frontend

Sur le frontend, les champs non modifiables apparaissent grisés ou stylisés comme désactivés, de sorte qu'il est clair qu'ils ne peuvent pas être modifiés. Ce style fonctionne dans les thèmes de formulaire Classic et Modern, ainsi que dans les constructeurs de pages comme Gutenberg et Divi.

Même si le champ est verrouillé, sa valeur est toujours soumise avec l'entrée du formulaire.

Champ non modifiable grisé

Remarque : Si vous souhaitez gérer les champs non modifiables par programmation, WPForms fournit une API JavaScript avec des méthodes pour verrouiller, déverrouiller et basculer les champs. Pour plus de détails, consultez notre guide développeur sur l'utilisation de l'API JavaScript pour les champs non modifiables.

C'est tout ! Vous savez maintenant comment définir des champs comme non modifiables dans WPForms.

Ensuite, souhaitez-vous pré-remplir automatiquement vos champs ? Consultez notre tutoriel sur comment ajouter des valeurs par défaut pour les champs de formulaire.

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.