HTML5 是下一代 Web 语言，它不单单是一种标记语言，更为下一代 Web 提供了全新功能，并将引领下一代 Web 实现类似桌面的应用体验。下面介绍HTML5表单的新功能。
HTML语言作为如今编程最为广泛的语言，具有易用、快捷、多浏览平台兼容等特点，但是随着时代的进步，HTML的标准却停滞不前，这一次还在不断开发中的HTML5标准的更新可以说给这门标记语言带来了新的生命力。
表单是网页中常见的控件(集)。小到网站注册登录，大到一个企业的数据管理系统，都基本上有表单的身影。表单之所以如此重要，主要是因为它担负大量的用户和网页后台数据更新交互的任务。Web开发人员，对于网页表单可以说又爱又恨，爱的是它方便的收集、组织数据的功能，恨的是它的功能很大程度上也就仅此而已。
一些在最终网站用户看起来稀松平常的功能，比如说输入类型检查、表单校验、错误提示等等，开发人员无不需要花费大量精力利用 JavaScript和DOM编程来满足这些天然所需的功能点，而随着Ajax的流行，出现的一些JavaScript的工具库，比如Dojo， YUI等都提供了方便的JavaScript Widget或者API来减轻开发人员的负担。
HTML5 Web Forms 2.0是对目前Web表单的全面提升，它在保持了简便易用的特性的同时，增加了许多内置的控件或者控件属性来满足用户的需求，并且同时减少了开发人员的编程。HTML5 主要在以下几个方面对目前的Web表单做了改进：
一、表单结构更自由
XHTML中需要放在form之中的诸如input/button/select/textarea等标签元素，在HTML 5中完全可以放在页面任何位置，然后通过新增的form属性指向元素所属表单的ID值，即可关联起来。
二、新的控件类型
1.email输入类型：
<input type="email"></input>
此类型要求输入格式正确的email地址，否则浏览器是不允许提交的，并会有一个错误信息提示.此类型在Opera中必须指定name值，否则无效果.
2.url输入类型：
<input type="url" ></input>
上面代码展示的文本域要求输入格式正确的URL地址，Opera中会自动在开始处添加
3.日期时间相关输入类型：
<input type="date"></input> <input type="time"></input> <input type="month"></input> <input type="week"></input>
这一系列是很酷的一个类型，完全解决了烦琐的JS日历控件问题.但目前MS只有Opera/Chrome新版本支持，且展示效果也不一样。
4.number输入类型：
<input type="number"></input>
此类型将显示一个可拖动的滑块条，并可通过设定max/min/step值限定拖动范围.拖动时会反馈给value一个值。
5.search输入类型：
<input type="search"></input>
此类型表示输入的将是一个搜索关键字，通过results=s可显示一个搜索小图标。
6.tel输入类型：
<input type="tel"></input>
此类型要求输入一个电话号码，但实际上它并没有特殊的验证，与text类型没什么区别。
7.color输入类型：
<input type="color"></input>
此类型可让用户通过颜色选择器选择一个颜色值，并反馈到value中。
三、新的表单属性
1.placeholder属性
<input type="text" placeholder="点击我会以清除"></input> 这是一个很实用的属性，免去了用JS去实现点击清除表单初始值.浏览器支持也还不错，MS除了Firefox，其他标准浏览器都能很好的支持.
2.require/pattern属性
<input type="text" required=""></input> <input type="text" required="required"></input> <input type="text" pattern="^[1-9]\d{5}$"></input>
表单验证属性，require类型时，若输入值为空，则拒绝提交，并会有一个提示.上面两种写法都对，这个很有用.并且可以用于textarea以及hidden/image/submit类型.pattern类型为正则验证，可以完成各种复杂的验证.这两种类型在Opera中必须指定name值，否则无效果。
3.autofocus属性
<input type="text" autofocus="true"></input>
默认聚焦属性，可在页面加载时聚焦到一个表单控件，类似于JS的focus()。
4.list属性
<input type="text" list="ilist"> <datalist> <option label="a" value="a"></option> <option label="b" value="b"></option> <option label="c" value="c"></option> </datalist> </input> 该属性需要与datalist属性共用，datalist是对选择框的记忆，而list属性可以为选择框自定义记忆的内容。
5.max/min/step属性：