Vous souhaitez empêcher les navigateurs de remplir automatiquement les champs de vos formulaires ? Bien que le remplissage automatique des navigateurs soit pratique, il arrive que les utilisateurs aient besoin de saisir manuellement leurs informations.
Ce guide vous montrera comment désactiver la fonctionnalité d'autocomplétion pour des formulaires ou des champs spécifiques à l'aide d'extraits de code PHP.
Avant de mettre en place des restrictions à la saisie semi-automatique, il est important de comprendre :
- Les paramètres du navigateur ont généralement la priorité sur les attributs HTML et le JavaScript
- Le
autocomplete="off"signale votre préférence aux navigateurs - Les navigateurs modernes respectent généralement ce paramètre, mais certains peuvent l'ignorer
- La prise en charge des navigateurs varie (consultez le tableau de compatibilité de MDN).
Mise en place du formulaire
Tout d'abord, vous devez créer votre formulaire et ajouter vos champs de formulaire. Si vous avez besoin d'aide, consultez notre guide sur la création de votre premier formulaire.
Désactivation de l'autocomplétion
Vous pouvez désactiver la saisie semi-automatique soit pour un formulaire entier, soit pour des champs spécifiques. Voici les deux approches :
Désactiver l'autocomplétion pour tous les champs d'un formulaire
Désactiver la saisie semi-automatique pour des champs spécifiques
L'extrait ci-dessous ciblera spécifiquement le Courriel champ. Pour cibler un autre type de champ, le filtre (wpforms_field_properties_email) devra être ajustée.
N'oubliez pas de mettre à jour les extraits ci-dessus pour qu'ils correspondent à vos propres identifiants de formulaire et de champ. Si vous avez besoin d'aide pour trouver ces identifiants, consultez notre guide sur la recherche des identifiants de formulaire et de champ.
Pour en savoir plus sur l'attribut d'autocomplétion et les moyens de le désactiver, consultez la documentation de MDN.
Et c'est tout ce dont vous avez besoin pour désactiver l'autocomplétion du navigateur pour vos WPForms. Ensuite, vous souhaitez désactiver le bouton " Ajouter un formulaire " de l'éditeur classique ? Essayez notre tutoriel sur Comment supprimer le bouton "Ajouter un formulaire" de l'éditeur TinyMCE.