Nuevos elementos en HTML5 para formularios

HTML5 añade nuevos elementos para formularios. Como en otros elementos nuevos en HTML5 el soporte de los distintos navegadores es desigual. Opera es el que mejor soporte da, seguido de Chrome y Firefox.

Los nuevos elementos son:

  • datalist
  • keygen
  • output

El elemento datalist suministra a un campo de formulario una lista de valores predefinidos. El efecto es similar al de la búsqueda instantánea del buscador Google.

El elemento keygen es un generador de pares de llaves. Cuando el formulario es enviado se generan dos claves, una pública y otra privada. La clave privada se guarda en el navegador y la pública se envía al servidor. El par de claves se puede usar para autentificar al cliente en el servidor posteriormente.

El elemento output se puede usar para la salida de un script.

 

Tipo de entrada rango

El tipo de entrada rango se usa para controlar que lo introducido por el usuario esta entre el rango deseado. El formulario se muestra como una barra de desplazamiento. Además permite añadir restricciones para acotar aún más la entrada.

Ejemplo:

Nota: <input type="number" name="nota" min="1" max="10"/>

Los atributos que definen las restricciones son:

max número Especifica el valor máximo.
min número Especifica el valor mínimo.
step número Especifica el intervalo.
value número Especifica el valor por defecto.