O melhor tutorial elementos de formulário em HTML5 em 2024. Neste tutorial você pode aprender Os novos elementos de formulário em HTML5,HTML5 elemento <datalist>,Exemplos,HTML5 elemento <keygen>,Exemplos,HTML5 <output> elemento,Exemplos,HTML5 Elements New Form,
Os seguintes novos elementos de formulário HTML5:
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.
<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.
<Input> elemento usa os <datalist> valores pré-definidos:
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).
Com campo de formulário keygen:
<Output> elemento é usado para diferentes tipos de saída, tais como cálculos ou saída do script:
Os resultados aparecem na <output> elemento:
标签 | 描述 |
---|---|
<datalist> | <input>标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。 |
<keygen> | ><keygen> 标签规定用于表单的密钥对生成器字段。 |
<output> | <output> 标签定义不同类型的输出,比如脚本的输出。 |