Comentário: eu ignorei as poderosas funções do HTML5 antes, mas não sei se a maioria dos dados precisa ser verificada por mim e não preciso complementar para exibir o calendário. Vou compartilhar algumas pequenas funções com você.
1. Caixa de entrada Fail para verificar automaticamente a validade do email.<! Doctype html>
<html>
<Body>
<form ação = "#" método = "get">
E-mail: <type de entrada = "email"/>
<input type = "envie"/>
</morm>
</body>
</html>
2. Número de entrada digital, verifique se está correto e o bit inicial e final pode ser definido.
<! Doctype html>
<html>
<Body>
<form ação = "#" método = "get">
<input type = "número" step = "5" min = "5" max = "20" value = "0"/>
<input type = "envie"/>
</morm>
</body>
</html>
3. A caixa de entrada URL pode verificar a validade da entrada de URL.
<Form Action =# Method = Get> URL: <Tipo de entrada = URL Nome = User_email/> <Br/> <Tipo de entrada = submeter/</morm>
4. Data os selecionadores (data, mês, semana, horário, tempo, tempo, dateTime-Local), você pode selecionar data, hora, mês e semana.
<! Doctype html>
<html>
<Body>
<form ação = "#" método = "get">
Data: <entrada de entrada = "Date"/>
mês: <input type = "mês"/>
Semana: <input type = "semana"/>
Tempo: <input type = "time"/>
DateTime: <input type = "DateTime"/>
DateTime-Local: <input type = "DateTime-Local"/>
<input type = "envie"/>
</morm>
</body>
</html>
5. Seleção de entrada de dados.
<! Doctype html> <html>
<Body>
<form ação = "#" método = "get">
Página da web: <input type = "url" list = "url_list" value = "fdf"/>
<Datalist>
<option label = "w3school" value = "http://www.w3school.com.cn"/>
<option label = "Microsoft" value = "http://www.microsoft.com"/>
</datalist> <input type = "submit"/>
</morm>
</body>
</html>