¿Cómo deshabilitar el autocompletado de un campo de entrada HTML?

En este artículo, aprenderemos cómo deshabilitar o desactivar las funciones de autocompletar de un campo de entrada en particular en un formulario HTML . Como sabemos, la función de autocompletar se usa para permitir que un navegador complete automáticamente el valor de los datos de entrada en función de los valores que el usuario ingresó anteriormente. Como los últimos navegadores admiten la función de autocompletar habilitada de forma predeterminada. La función de autocompletar acelera el proceso de llenado del formulario. En caso de exceso de Internet bajo o sesión caducada, si el autocompletar está habilitado, el navegador completará automáticamente los valores de datos que el usuario ingresó anteriormente. 

El atributo de autocompletar toma dos valores:

  • on: Especifica que el autocompletar está habilitado.
  • off: Especifica que el autocompletar está deshabilitado.

Si desea deshabilitar la función de autocompletar, siga el enfoque que se detalla a continuación: 

Acercarse: 

  • Primero creamos un documento HTML que contiene una etiqueta <input>.
  • Use la etiqueta <input> con el atributo de autocompletar
  • Establezca el atributo de autocompletar en el valor «off».

Ejemplo: El siguiente código demuestra que un formulario tiene dos campos de entrada, uno con el estado de autocompletado activado y en el otro campo la función de autocompletado está desactivada.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>
        How to disable autocomplete 
        of an HTML input field?
    </title>
  
    <style>
        h1,
        h2 {
            font-family: impact;
        }
    </style>
</head>
  
<body style="text-align:center;">
  
    <h1>GeeksForGeeks</h1>
  
    <h2>
        How to disable autocomplete 
        of an HTML input field?
    </h2>
  
    <form id="myGeeks">
        Name:<input type="text" id="text_id" 
            name="geeks" autocomplete="on">
        <br>
        Address: <input type="Address" 
            name="address" autocomplete="off">
        <br><br>
  
        <input type="submit">
    </form>
</body>
  
</html>

Producción: 

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *