Souhaitez-vous afficher des informations dans vos formulaires sans laisser les utilisateurs les modifier ? Avec WPForms, vous pouvez rendre n'importe quel champ en lecture seule afin que les utilisateurs puissent voir les valeurs mais pas les modifier.
Dans ce tutoriel, nous allons vous montrer comment activer l'option de lecture seule dans le générateur de formulaires.
Activation de la lecture seule pour un champ
Pour commencer, ouvrez votre formulaire dans le constructeur et cliquez sur le champ que vous souhaitez rendre en lecture seule. Ouvrez ensuite l'onglet Avancé dans le panneau Options de champ et activez le paramètre Lecture seule.
Une fois activé, le champ restera visible sur votre formulaire, mais les utilisateurs ne pourront pas modifier sa valeur.
Cas d'utilisation des champs en lecture seule
Les champs en lecture seule sont utiles dans de nombreux cas de figure :
- Affichage de données pré-remplies: Par exemple, vous pouvez insérer des Smart Tags comme
{user_email}ou{user_display_name}pour afficher les détails du compte d'un utilisateur sans lui permettre de modifier ces valeurs. - Afficher les totaux calculés: Si votre formulaire calcule une valeur (comme les totaux des commandes ou les scores), vous pouvez l'afficher dans un champ en lecture seule.
- Formulaires de confirmation: Permettre aux utilisateurs de vérifier les informations avant de les soumettre sans les modifier.
- Restrictions basées sur le rôle: Combinez la logique conditionnelle avec des champs en lecture seule afin que certains utilisateurs ne puissent que consulter les données, tandis que d'autres peuvent les modifier.
L'aspect des champs en lecture seule sur le frontend
Sur le frontend, les champs en lecture seule apparaissent grisés ou stylisés comme désactivés afin qu'il soit clair qu'ils ne peuvent pas être modifiés. Ce style fonctionne dans les thèmes de formulaire classique et moderne, ainsi que dans les constructeurs de pages tels que Gutenberg et Divi.
Même si le champ est verrouillé, sa valeur est toujours soumise avec l'entrée du formulaire.
Note: Si vous souhaitez gérer les champs en lecture seule de manière programmatique, WPForms fournit une API JavaScript avec des méthodes pour verrouiller, déverrouiller et basculer les champs. Pour plus de détails, voir notre guide du développeur sur l'utilisation de l'API JavaScript pour les champs en lecture seule.
Voilà, c'est fait ! Vous savez maintenant comment mettre les champs en lecture seule dans WPForms.
Ensuite, vous souhaitez pré-remplir vos champs automatiquement ? Consultez notre tutoriel sur l 'ajout de valeurs par défaut pour les champs de formulaire.