Autocompletar formularios con HTML5

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.

Controlar el autocompletado

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.

Autocompletado activado

Así podemos tener un formulario con el autocompletar del formulario activado. Es decir con el atributo autocomplete a “on”:

<form action="formulario.html" method="post" autocomplete="on">
  <label for="nombre">Nombre:</label>
  <input type="text" name="nombre" id="nombre"/>
  <label for="apellidos">Apellidos:</label>
  <input type="text" name="apellidos" id="apellidos"/>
  <input type="submit" value="Enviar"/>
</form>

Autocompletado desactivado

O un formulario con el autocompletar del formulario desactivado. Es decir, con el atributo autocomplete a “off”:

<form action="formulario.html" method="post" autocomplete="off">
  <label for="nombre">Nombre:</label>
  <input type="text" name="nombre" id="nombre"/>
  <label for="apellidos">Apellidos:</label>
  <input type="text" name="apellidos" id="apellidos"/>
  <input type="submit" value="Enviar"/>
</form>

Un simple atributo en HTML5 con mucha capacidad de control.