elementos de formulário em HTML5

Os novos elementos de formulário em HTML5

Os seguintes novos elementos de formulário HTML5:

• <Datalist>
• <Keygen>
• <Saída>

Nota: Nem todos os navegadores suportam os novos elementos de formulário em HTML5, mas você pode usá-los, mesmo se o navegador não suporta propriedades de formulário ainda pode aparecer como elementos de formulário regulares.

HTML5 elemento <datalist>

<Datalist> especifica uma lista de opções de campo de entrada.

<Datalist> atributo especifica o campo de formulário ou entrada deve ter autocomplete. Quando os usuários começar a digitar no campo de preenchimento automático, o navegador deve exibir opções para preencher esse campo:

Use <input> elemento de uma lista de atributos e <datalist> elemento de ligação.

Exemplos

<Input> elemento usa os <datalist> valores pré-definidos:

<Input Lista = "browsers"> <Datalist id = "browsers"> <Opção value = "Internet Explorer"> <Opção value = "Firefox"> <Opção value = "Chrome"> <Opção value = "Opera"> <Opção value = "Safari"> </ Datalist>

tente »

HTML5 elemento <keygen>

Papel <keygen> elemento é o de proporcionar um método fiável para autenticar um utilizador.

tag <Keygen> é usado para formar um campo gerador de par de chaves pré-determinado.

Ao submeter um formulário, ele gera duas chaves, uma privada, uma pública.

chave privada (chave privada) é armazenado no cliente, a chave pública (chave pública) foram enviados para o servidor. A chave pública pode ser usado para autenticar o usuário após o certificado de cliente (certificado de cliente).

Exemplos

Com campo de formulário keygen:

<Form action = "demo_keygen.asp" method = "get"> Usuário: <input type = "text" name = "usr_name"> Criptografia: <keygen name = "segurança"> <Input type = "submit"> </ Form>

tente »

HTML5 <output> elemento

<Output> elemento é usado para diferentes tipos de saída, tais como cálculos ou saída do script:

Exemplos

Os resultados aparecem na <output> elemento:

<Form oninput = "x.Value = parseInt (a.value ) + parseInt (b.value)"> 0 <input type = "intervalo" ID = "um" value = "50"> 100 + <input type = "número" ID = "b" value = "50"> = < output name = "x" for = "ab"> </ output> </ Form>

tente »

HTML5 Elements New Form