同学们好，这一节我们将学习HTML5表单的新特性，这节课我们将使用一款新的网页开发工具HBuilder，HBuilder号称飞速编码，是国内数字天堂推出的一款开源免费的开发工具，当然我们今天的学习重点是HTML5表单中新增的那些较常用的属性，如Html5允许表单元素位于表单域标签之外，新增了表单元素属性form，还有新增的表单元素提示文本属性、自动获取焦点属性、必填属性、自动填充属性及验证输入内容的属性等。准备好了吗，我们开讲了！

这节我们讲解Html5表单新特性_属性篇，这节我们使用一个新的特别适合Html5网页开发的新工具HBuilder，这个软是开源的，下载就可以用，而且易学易用，会DW的同学，基本上可以边用边学的。Hbuilder的快速使用教程请参考：https://www.runoob.com/w3cnote/hbuilder-intro.html。

课后拓展学习

较完整的表单元素的新属性

(1)autocomplete：on/off，是否启用输入记录功能，下次实现自动完成效果

(2)autofocus：是否自动获得焦点，HTML中只要出现此属性就会自动申请输入焦点，

提示：只有第一个声明此属性的输入域才能获得焦点。（后面再声明了无效）

(3)placeholder：占位符，用于在输入框中显示提示性文本。注意：占位符与value没有任何关系。

(4)multiple：是否允许存在多个输入，使用逗号分隔

(5)form：用于把输入域放到表单外部，指定当前输入域所属的表单

<form action="" id="f1"></form>

<input form="f1">

与表单输入验证相关的新属性

(6)required：必填输入域

(7)maxlength：允许的最大字符长度，限制多余的输入

(8)minlength：允许的最小字符长度——并非H5标准属性，不能代替required属性

(9)max：允许的数字的最大值

(10)min：允许的数字的最小值

(11)step：允许的数字的步长，基于min开始的

(12)pattern：指定必须满足的正则表达式