Seguro que cuando estás rellenando un formulario muchas de las veces te empieza a ofrecer opciones de autocompletado de los datos. Empiezas a escribir tu nombre y ya te ofrece varias opciones. E incluso, introduciendo un solo campo te rellena varios del formulario.
No en vano el autocompletar de los formularios es una de las cosas que más está potenciando los navegadores.
Ahora con HTML5 vamos a poder controlar el aspecto de autocompletar los formularios. Así mediante código podremos decir si queremos que el formulario sea autocompletable o no.
Para controlar el autocompletar de los formularios con HTML5 tenemos el atributo autocomplete. Atributo al cual deberemos de pasar un valor booleano.
Así podemos tener un formulario con el autocompletar del formulario activado. Es decir con el atributo autocomplete a «on»:
<h2>Formulario con Autocompletar Activado</h2> Al insertar datos en los campos es muy probable que se muestren opciones de autocompletado. <form action="enviar.php" autocomplete="on"> <label for="nombre">Nombre: </label><input type="text" id="nombre"><br> <label for="city">Ciudad: </label><input type="text" id="city"><br> </form>
O un formulario con el autocompletar del formulario desactivado. Es decir, con el atributo autocomplete a «off»:
<h2>Formulario con Autocompletar Desactivado</h2> Al insertar datos en los campos no se te mostraran opciones de autocompletado. <form action="enviar.php" autocomplete="off"> <label for="nombre2">Nombre: </label><input type="text" id="nombre2"><br> <label for="city2">Ciudad: </label><input type="text" id="city2"><br> </form>
Un simple atributo en HTML5 con mucha capacidad de control.
