1、首先我们构建一个空的表单结构，如下图所示，表单中有一个提交按钮
2、接下来我们先来看一个经常使用的表单类型，如下图所示，可以很方便的校验邮箱格式
3、然后我们再来看看数字类型，如下图所示，声明type为number即可使用
4、接下来再来看一个新出现的区间类型，如下图所示，range类型可以让用户选择一个区间
5、接下来再来看一个新出现的区间类型，如下图所示，range类型可以让用户选择一个区间
6、最后要声明一点的是，日期类型又划分出了很多小分支，如下图所示，可以很方便的应用时间，星期，月等元素
7、综上所述，HTML5中的表单类型有很多新的内容，给我们的开发提供了很多的方便。不过需要注意的是浏览器兼容性的问题