El atributo de autocompletar especifica si se debe habilitar un campo de entrada de autocompletar. El navegador puede predecir el valor usando autocompletar. Las opciones de exploración para completar el campo, en función de los valores escritos anteriormente, deben mostrarse al usuario mientras escribe un campo.
Si la función de autocompletar está habilitada, el navegador sugerirá valores en función de lo que los usuarios hayan ingresado previamente en el campo. Si la función de autocompletar está deshabilitada, el navegador no mostrará los valores automáticamente, dependiendo de los usuarios anteriores.
Nota: Texto, búsqueda, URL, móvil, correo electrónico, contraseña, selectores de fecha, rango y color, todos funcionan con el atributo de autocompletar .
Sintaxis:
<input autocomplete="on|off">
Valores:
- encendido: Esta es la configuración predeterminada. Indica que la función de autocompletar está habilitada.
- off: Esto indica que la función de autocompletar está deshabilitada.
Ejemplo 1: el siguiente ejemplo demuestra el estado deshabilitado de la función de autocompletar . En este caso, el navegador no mostrará automáticamente los valores introducidos por los usuarios anteriores.
HTML
<!DOCTYPE html> <html> <head> <title>OFF</title> </head> <body> <form action = "/gfg" method = "post" autocomplete="off"> Full Name <br> <input type = "text" name = "full_name"> <br> <input type = "submit" value = "submit" /> </form> </body> </html>
Producción :
autocompletar está desactivado
Ejemplo 2: El siguiente ejemplo demuestra el estado habilitado de la característica de autocompletar . Cuando se activa la función de autocompletar , el navegador sugerirá valores en función de lo que los usuarios hayan ingresado previamente en el campo.
HTML
<!DOCTYPE html> <html> <head> <title>ON</title> </head> <body> <form action = "/gfg" method = "post" autocomplete="on"> Full Name <br> <input type = "text" name = "full_name"> <br> <input type = "submit" value = "submit" /> </form> </body> </html>
Producción :
autocompletar está activado
Publicación traducida automáticamente
Artículo escrito por priyavermaa1198 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA