¿Quiere evitar que los navegadores autocompleten los campos de sus formularios? Aunque el autocompletado del navegador puede ser cómodo, hay ocasiones en las que necesitas que los usuarios introduzcan manualmente su información.
Esta guía le mostrará cómo desactivar la funcionalidad de autocompletar para formularios o campos específicos utilizando fragmentos de código PHP.
Antes de implementar restricciones de autocompletar, es importante entender:
- La configuración del navegador suele tener prioridad sobre los atributos HTML y JavaScript.
- En
autocomplete="off"
indica su preferencia a los navegadores - Los navegadores modernos suelen respetar esta configuración, pero algunos pueden anularla
- La compatibilidad de los navegadores varía (consulte la tabla de compatibilidad de MDN)
Configuración del formulario
En primer lugar, tendrá que crear su formulario y añadir sus campos de formulario. Si necesitas ayuda con esto, revisa nuestra guía sobre cómo crear tu primer formulario.
Desactivar Autocompletar
Puede desactivar la función de autocompletar para todo el formulario o para campos específicos. Aquí están ambos enfoques:
Desactivar la función Autocompletar para todos los campos de un formulario
Desactivar la función Autocompletar para campos específicos
El siguiente fragmento se dirigirá específicamente al Correo electrónico campo. Para seleccionar otro tipo de campo, el filtro (wpforms_field_properties_email
).
Recuerde actualizar cualquiera de los fragmentos anteriores para que coincidan con sus propios ID de formulario y campo. Si necesitas ayuda para encontrar estos ID, consulta nuestra guía para encontrar ID de formularios y campos.
Para más información sobre el atributo autocompletar y cómo desactivarlo, consulte la documentación de MDN.
Y eso es todo lo que necesita para desactivar el autocompletado del navegador para sus WPForms. A continuación, ¿le gustaría desactivar el botón Agregar formulario en el editor clásico? Pruebe nuestro tutorial sobre Cómo quitar el botón "Agregar formulario" del editor TinyMCE.