Los formularios, nuevos elementos en HTML5

Además de nuevos tipos de input en los formularios, HTML5 ha incorporado también nuevos elementos para ayudarnos en el manejo de ciertos datos. Estos elementos son tres: datalist, keygen y output.

datalist

Datalist tiene como objetivo suministrar al usuario una lista de sugerencias cuando introduce un texto en un campo. Dentro de la etiqueta, usaremos los mismos option que cuando utilizamos select. Esta lista tiene que ir necesariamente asociada a un input a través de un nuevo atributo llamado ‘list’.

<input list="sugerencias">
<datalist id="sugerencias">
    <option label="Es" value="Español">
    <option label="En" value="Inglés">
    <option label="Fr" value="Francés">
</datalist>

keygen

Este nuevo elemento sirve para de un modo muy sencillo generar una clave, o mejor dicho dos, a la hora de enviar un formulario. Una clave pública se envía al servidor y otra privada quedará almacenada en nuestro equipo, para de este modo poder autenticarnos cuando hagamos operaciones.

<keygen name="clave">

Si quieres más información acerca del proceso de uso de claves, puedes visitar este artículo sobre criptografía asimétrica.

output

Output sirve para mostrar un resultado dentro de un formulario. Esto es algo que veníamos haciendo usando otras etiquetas como un div o un input. sin embargo es agradable que en esta ocasión se haya pensado en una etiqueta estándar. Eso sí, tendremos que seguir usando programación para hacer las operaciones como en el ejemplo de abajo.

<form oninput="resultado.value=parseInt(numero1.value)+parseInt(numero2.value)">
    <input id="numero1" type="number">
    +
    <input id="numero2" type="number">
    = 
    <output name="resultado" for="numero1 numero2">
</form>

Los formularios, nuevos elementos en HTML5

datalist

keygen

output

Índice del manual

Deja una respuesta Cancelar la respuesta