Resumen de IA
¿Quieres evitar que los navegadores rellenen automáticamente tus campos de formulario? Si bien el autocompletado del navegador puede ser conveniente, hay ocasiones en las que necesitas que los usuarios introduzcan su información manualmente.
Esta guía te mostrará cómo desactivar la funcionalidad de autocompletado para formularios o campos específicos utilizando fragmentos de código PHP.
Antes de implementar restricciones de autocompletado, es importante entender:
- La configuración del navegador suele tener prioridad sobre los atributos HTML y JavaScript
- El atributo
autocomplete="off"indica tu preferencia a los navegadores - Los navegadores modernos generalmente respetan esta configuración, pero algunos pueden anularla
- La compatibilidad del navegador varía (consulta la tabla de compatibilidad de MDN)
Configuración de tu formulario
Primero, necesitarás crear tu formulario y añadir tus campos. Si necesitas ayuda con esto, por favor revisa nuestra guía sobre cómo crear tu primer formulario.
Desactivar el autocompletado
Puedes desactivar el autocompletado para todo un formulario o para campos específicos. Aquí tienes ambos enfoques:
Desactivar el autocompletado para todos los campos de un formulario
Desactivar el autocompletado para campos específicos
El fragmento de código a continuación se dirigirá específicamente al campo Email. Para dirigirse a un tipo de campo diferente, se necesitaría ajustar el filtro (wpforms_field_properties_email).
Recuerda actualizar cualquiera de los fragmentos de código anteriores para que coincidan con los ID de tu propio formulario y campos. Si necesitas ayuda para encontrar estos ID, por favor consulta nuestra guía sobre cómo encontrar los ID de formulario y campo.
Para obtener información sobre el atributo autocomplete y los enfoques para desactivarlo, consulta la documentación de MDN.
Y eso es todo lo que necesitas para desactivar el autocompletado del navegador para tu WPForms. A continuación, ¿te gustaría desactivar el botón Añadir formulario en el editor clásico? Prueba nuestro tutorial sobre Cómo eliminar el botón "Añadir formulario" del editor TinyMCE.