HTML5如何应用表单类型

1、首先我们构建一个空的表单结构，如下图所示，表单中有一个提交按钮

2、接下来我们先来看一个经常使用的表单类型，如下图所示，可以很方便的校验邮箱格式

3、然后我们再来看看数字类型，如下图所示，声明type为number即可使用

4、接下来再来看一个新出现的区间类型，如下图所示，range类型可以让用户选择一个区间

5、接下来再来看一个新出现的区间类型，如下图所示，range类型可以让用户选择一个区间

6、最后要声明一点的是，日期类型又划分出了很多小分支，如下图所示，可以很方便的应用时间，星期，月等元素

7、综上所述，HTML5中的表撮劝丛食单类型有很多新的内容，给我们的开发提供了很多的方便。不过需要注意的是浏览器兼容性的问题