O primeiro ponto de conhecimento: atributos e resumo dos formulários
O segundo ponto de conhecimento: novos controles e propriedades de formulário do H5 e resumo
O primeiro ponto de conhecimento:Quais são nossas validações de formulário comuns?
rótulo de caixa de texto de texto
caixa de senha de senha
caixa de seleção múltipla caixa de seleção
botão de rádio
botão botão
enviar botão enviar
Acima estão alguns de nossos atributos de formulário comumente usados
O segundo ponto de conhecimento: novo controle de entrada H5(1) email: caixa de texto de email, não diferente das comuns
1. Quando a entrada não é um endereço de e-mail, a verificação falha.
2. O teclado do celular mudará
(2) tel: número de telefone
1. Principalmente no terminal móvel, uma troca de teclado
(3) url: URL da página web
Insira o URL correto
(4) pesquisar: mecanismo de pesquisa
1. Após inserir o texto no Chrome, haverá um x extra fechado
(5) Faixa: Seletor de valor dentro de uma faixa específica
1.min, máx, passo (número de passos)
2. Exemplo: use js para exibir o valor atual
(6) número: uma caixa de entrada que só pode conter números
(7) cor: seletor de cores
(8) detetime exibe a data completa
(9) preenchimento automático: se deseja salvar o valor de entrada do usuário
O padrão é ativado, para desativar o prompt, selecione desativado
(10): Especifique o formulário para obter o foco de entrada
(11): Este item é obrigatório e não pode ficar vazio
Se você escrever apenas na primeira caixa de entrada, a segunda caixa de entrada aparecerá. Preencha este campo.
(12) parrern: padrão de verificação regular=/d{1,5}
A expressão regular que defini é de 1 a 5 números. Se não for o número, o envio falhará.
ResumirA descrição acima é uma explicação detalhada dos novos controles de formulário HTML5 e códigos de exemplo de atributos de formulário introduzidos pelo editor. Espero que seja útil para você. Se você tiver alguma dúvida, deixe-me uma mensagem e o editor responderá a você. tempo!