elementos de formulario HTML5

Los nuevos elementos de formulario HTML5

Los siguientes nuevos elementos de formulario HTML 5:

• <De Datalist>
• <Keygen>
• <Salida>

Nota: No todos losnavegadores son compatibles con los nuevos elementos de formulario HTML 5, pero se les puede usar, incluso si el navegador no soporta propiedades de formulario todavía puede aparecer como elementos de forma regular.

HTML5 elemento <lista de datos>

<De Datalist> especifica una lista de opciones de campo de entrada.

<De Datalist> atributo especifica el campo de formulario o de entrada debe tener autocompletar. Cuando los usuarios comienzan a escribir en el campo de autocompletar, el navegador debe mostrar las opciones para llenar en este campo:

Uso <input> elemento de una lista de atributos y <lista de datos> elemento de unión.

Ejemplos

<Input> utiliza los <> lista de datos valores predefinidos:

<Input Lista de los navegadores = ""> <de Datalist id = ""> navegadores <Opción value = "Internet Explorer"> <Opción value = "Firefox"> <Opción value = "Chrome"> <Opción value = "Opera"> <Opción value = "Safari"> </ De Datalist>

Trate »

HTML5 elemento <keygen>

Papel <keygen> elemento es proporcionar un método fiable para autenticar un usuario.

etiqueta <Keygen> se utiliza para formar un campo generador de par de claves predeterminado.

Cuando se envía un formulario, que genera dos claves, una privada, una pública.

clave privada (clave privada) se almacena en el cliente, la clave pública (clave pública) se envía al servidor. La clave pública se puede utilizar para autenticar al usuario después de que el certificado de cliente (certificado de cliente).

Ejemplos

Con el formulario de campo keygen:

<Forma action = "demo_keygen.asp" method = "get"> Nombre de usuario: <input type = "text" name = "usr_name"> Cifrado: <keygen name = "seguridad"> <Input type = "submit"> </ Form>

Trate »

elemento <output> HTML5

elemento <Salida> se utiliza para diferentes tipos de salida, tales como cálculos o de salida del script:

Ejemplos

Los resultados aparecen en el elemento <output>:

<Forma oninput = "x.Value = parseInt (a.value ) + parseInt (b.value)"> 0 <input type = "gama" id = "a" value = "50"> 100 + <input type = "número" id = "b" value = "50"> = < salida name = "x" para = "ab"> </ salida> </ Form>

Trate »

Elementos de HTML5 nuevo formulario