### [Deshabilitar el autocompletado del navegador para campos de formulario](https://wpforms.com/developers/disable-browser-autocomplete-for-form-fields/) **Publicado:** 11 de octubre de 2019 **Autor:** Umair Majeed **Extracto:** En este tutorial, te mostraremos cómo deshabilitar el autocompletado del navegador en los campos de tu formulario. **Contenido:** ¿Quieres evitar que los navegadores rellenen automáticamente los campos de tu 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 deshabilitar 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](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#browser_compatibility)) ## Configuración de tu formulario Primero, deberás crear tu formulario y añadir los campos. Si necesitas ayuda con esto, consulta nuestra guía sobre [cómo crear tu primer formulario.](https://wpforms.com/docs/creating-first-form/ "Cómo crear tu primer formulario") ## Deshabilitar el autocompletado Puedes deshabilitar el autocompletado para todo un formulario o para campos específicos. Aquí tienes ambos enfoques: #### Deshabilitar el autocompletado para todos los campos de un formulario #### Deshabilitar el autocompletado para campos específicos El fragmento siguiente se dirigirá específicamente al campo **Email**. Para dirigirte a un tipo de campo diferente, se necesitaría ajustar el filtro (`wpforms_field_properties_email`). Recuerda actualizar cualquiera de los fragmentos anteriores para que coincida con los ID de tu formulario y campos. Si necesitas ayuda para encontrar estos ID, consulta nuestra guía sobre [cómo encontrar los ID de formulario y campo.](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/ "Cómo localizar el ID del formulario y el ID del campo") Para obtener información sobre el atributo de autocompletado y los enfoques para desactivarlo, consulta la [documentación de MDN](https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion "Documentación de MDN"). Para obtener información sobre el atributo de autocompletado y los enfoques para desactivarlo, consulta la [documentación oficial de Mozilla](https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion). Y eso es todo lo que necesitas para deshabilitar el autocompletado del navegador para tu WPForms. A continuación, ¿te gustaría deshabilitar 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](https://wpforms.com/developers/remove-add-form-button-from-tinymce-editor/ "Cómo eliminar el botón Añadir formulario del editor TinyMCE"). ## Filtros de referencia - [wpforms\_field\_properties](https://wpforms.com/developers/wpforms_field_properties/ "Uso del filtro wpforms_field_properties") - [wpforms\_frontend\_form\_atts](https://wpforms.com/developers/wpforms_frontend_form_atts/ "Uso del filtro wpforms_frontend_form_atts") **Categorías:** Extensión **Etiquetas:** PHP ---