Como desactivar el autocompletado del formulario?

Si alguna vez has llenado un formulario en línea, es probable que hayas notado cómo tu navegador web intenta ayudarte completando automáticamente los campos con la información que has ingresado anteriormente. Si bien esto puede ahorrar tiempo en algunos casos, puede resultar molesto o incluso puede llevar a errores si el autocompletado selecciona información incorrecta. En este artículo, aprenderás cómo desactivar el autocompletado en los formularios de tu página web.

Desactivando el autocompletado en campos individuales

Si deseas que un campo de entrada específico no se autocomplete, puedes agregar el atributo "autocomplete" al elemento correspondiente y establecer su valor en "off". Por ejemplo:


<input type="text" name="nombre" autocomplete="off">


De esta manera, le indicas al navegador que no autocomplete automáticamente el campo "nombre". Puedes aplicar esta configuración a cualquier campo de entrada dentro de tu formulario.

Desactivando el autocompletado en todos los campos del formulario

Si deseas desactivar el autocompletado en todos los campos de tu formulario, puedes aplicar el atributo "autocomplete" al formulario en sí mismo:


<form autocomplete="off">


De esta manera, todos los campos dentro del formulario estarán libres de autocompletado.

Agregar etiquetas de metadatos

Sin embargo, algunos navegadores pueden ignorar las configuraciones anteriores y continuar autocompletando los campos. Para abordar este problema, también puedes agregar una etiqueta de metadatos en la sección head de tu página web:


<meta name="autocomplete" content="off">


Esto le indicará al navegador que no debe autocompletar ningún campo en la página.

Desactivar el autocompletado en los formularios de tu página web puede evitar confusiones y errores al permitir que los usuarios ingresen de forma manual la información correcta. Recuerda que aunque esta configuración es ampliamente compatible con la mayoría de los navegadores, algunos pueden ignorarla. Por lo tanto, es recomendable utilizar tanto los atributos "autocomplete" en los campos individuales como las etiquetas de metadatos para desactivar el autocompletado a nivel de página.

Ahora que conoces cómo desactivar el autocompletado en los formularios de tu página web, te animamos a implementar esta configuración en tus proyectos para ofrecer una mejor experiencia de usuario.

¿Listo para empezar? ¡Comienza a desactivar el autocompletado y mejora la usabilidad de tus formularios hoy mismo!