Résumé IA
Vous souhaitez empêcher les navigateurs de remplir automatiquement vos champs de formulaire ? Bien que l'autocomplétion du navigateur puisse être pratique, il y a des moments où vous avez besoin que les utilisateurs saisissent 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 œuvre des restrictions d'autocomplétion, il est important de comprendre :
- Les paramètres du navigateur priment généralement sur les attributs HTML et JavaScript
- L'attribut
autocomplete="off"signale votre préférence aux navigateurs - Les navigateurs modernes respectent généralement ce paramètre, mais certains peuvent le remplacer
- La prise en charge par les navigateurs varie (consultez le tableau de compatibilité MDN)
Configuration de votre formulaire
Tout d'abord, vous devrez créer votre formulaire et ajouter vos champs. Si vous avez besoin d'aide pour cela, veuillez consulter notre guide sur la création de votre premier formulaire.
Désactivation de l'autocomplétion
Vous pouvez désactiver l'autocomplétion soit pour l'ensemble d'un formulaire, soit pour des champs spécifiques. Voici les deux approches :
Désactiver l'autocomplétion pour tous les champs d'un formulaire
Désactiver l'autocomplétion pour des champs spécifiques
L'extrait ci-dessous ciblera spécifiquement le champ Email. Pour cibler un autre type de champ, le filtre (wpforms_field_properties_email) devrait être ajusté.
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, veuillez consulter notre guide sur la recherche des identifiants de formulaire et de champ.
Pour plus d'informations sur l'attribut autocomplete et les approches pour le désactiver, veuillez consulter 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, souhaitez-vous désactiver le bouton Ajouter un formulaire sur l'éditeur classique ? Essayez notre tutoriel sur Comment supprimer le bouton « Ajouter un formulaire » de l'éditeur TinyMCE.