一、邮箱：
<input type="email">
email提供了默认的电子邮箱的完整验证：要求必须包含@符号，同时必须包含服务器名称，如果不能满足验证，则会阻止当前的数据提交
二、电话：
<input type="tel">
tel它并不是来实现验证。它的本质目的是为了能够在移动端打开数字键盘。意味着数字键盘限制了用户只能输入数字。 如何查看效果：qq发送文件>>手机端使用qq来接收>>使用手机浏览器查看。
三、网址：
<input type="url">
验证只能输入合法的网址：必须包含http:// 。
四、数量：
<input type="number" value="60" max="100" min="0">
number：只能输入数字(包含小数点)，不能输入其它的字符
max:最大值
min:最小值
value:默认值
五、search：
<input type="search">
search：可以提供更人性化的输入体验。
六、 时间（24小时）：
<input type="time">
七、日期（年 月 日）：
<input type="date">
八、月份：
<input type="month">
九、星期：
<input type="week">
暂时写这几个常用的，后续慢慢添加。
原文：https://www.cnblogs.com/hexuhua/p/10488700.html