FORM表单新增的一些特性

form表单是网站开发过程中最为常见也是非常重要的一部分，对于form表单中控制样式和信息提交时非常苦恼的，尤其是提交数据只有一个目标页面（如果不用js控制）。但是html5的特性中一个重要的就是form表单的各个元素控件都可以有一个form属性，通过form属性来实现form控件的绑定！

<form action="login.jsp" method="post" id="login"></form>

<input type="text" form="login" autofocus placeholder="请输入您的用户名" name="username"/>

就像这样讲一个文本框和一个form进行了绑定

类似于这种的属性还有很多，列举几个常用的

这些都是常用的属性，我在说一下list属性

list属性是需要和datalist标签一起使用的：

<input type="text" list="listdata" autocomplete="off" form="login" autofocus placeholder="请输入您的爱好" name="username"/>

<datalist id="listdata">

    <option>this is one</option>

    <option>this is two</option>

    <option>this is three</option>

    <option>this is four</option>

    <option>this is five</option>

    <option>this is six</option>

    <option>this is seven</option>

</datalist>

类似于form属性一样绑定列表数据

还有一部分就是form表单的input标签新增了很多type

tel、date、email、url、datetime、month等等这些以前都需要js来实现！

对于验证我特别说一个属性pattern！这是验证属性，一个文本框的输入内容的验证规则依靠这个来确定！开发者只需要输入对应的正则表达式即可！