Comentário: HTML5 tem vários elementos e atributos envolvendo formas. Aqui estão os novos elementos de formulário, elementos de dados, elementos Keygen, elementos de saída e seus exemplos de uso. Amigos interessados podem se referir a ele. Espero que seja útil para você.
O HTML5 possui vários elementos e atributos envolvendo formas.
Este capítulo apresenta os seguintes novos elementos de formulário:
• Datalist
• keygen
•saída
Suporte do navegador
Tipo de entrada TipoefirefoxOperAChROMESAFARI
DatalistNono9.5Nono
KeygennonO10.53.0no
outputNono9.5Nono
Elemento de Datalist
O elemento de dados especifica uma lista de opções para o campo de entrada.
A lista é criada com o elemento de opção no Datalist.
Para vincular o Datalist ao domínio de entrada, consulte o ID do Datalist usando o atributo da lista do domínio de entrada:
Exemplo
Página da web: <input type = "url" list = "url_list" />
<Datalist>
<option label = "w3school" value = "http://www.w3school.com.cn"/>
<option label = "google" value = "http://www.google.com"/>
<option label = "Microsoft" value = "http://www.microsoft.com"/>
</datalist>
Experimente você mesmo
Dica: o elemento de opção deve sempre definir o atributo de valor.
elemento keygen
A função do elemento Keygen é fornecer uma maneira confiável de verificar os usuários.
O elemento Keygen é um gerador de pares-chave. Ao enviar o formulário, duas teclas são geradas, uma é a chave privada e a outra é a chave pública.
A chave privada é armazenada no cliente e a chave pública é enviada ao servidor. A chave pública pode ser usada para verificar posteriormente o certificado de cliente do usuário.
Atualmente, o fraco suporte do navegador a esse elemento não é suficiente para torná -lo um padrão de segurança útil.
Exemplo
<form action = "Demo_Form.asp" Method = "Get">
Nome de usuário: <input type = "text" />
Criptografia: <keygen />
<input type = "envie" />
</morm>
Experimente você mesmo
Elemento de saída
O elemento de saída é usado para diferentes tipos de saídas, como cálculo ou saída de script:
Exemplo
<output onFormInput = "Rescalc ()"> </aturt>