HTML 5 <input> form 属性

form可以理解为一个框，然后把所有的input放在里面，

form的属性action表示你要处理表单内容的那个后端页面，一般是php或asp的；method属性，表示发送请求的方法，包括get和post两种，post加密，无字节限制。

由于实际开发中一个页面的input内容不可能全是连着放一块的，中间可能插入其他内容，所以，html5中form有新的元素，设置一个ID，然后其他的input元素中设置form属性，值等于ID，这样一个页面中不需要有多个form标签了，然后通过相同的ID就可以把所有的input标签放到form元素内了。示例：

<form action="/example/html5/demo_form.asp" method="get" id="user_form">

First name:<input type="text" name="fname" />

<input type="submit" />

</form>

<p>下面的输入域在 form 元素之外，但仍然是表单的一部分。</p>

Last name: <input type="text" name="lname" form="user_form" />

下面的input标签没有放在form元素内，但是，它有个form属性，指向了form标签的ID值，这样就把他们绑定了。

表单结构更灵活要提交数据的控件可以布局在form标签之外，看下面的代码，表单元素可以写到form元素之外，只需在元素中加入form="form1"属性，也可提交到form元素指定的服务器地址新增表单元素我们以前学过的表单元素包括“text”、“button”、“file”、"radio"等，html5中新增加了一些表单元素，下面列出这些元素及其作用email类型用于验证email的格式，当提交表单时会自动验证email域的值url类型用于验证URL地址的格式，当提交表单时会自动验证url域的值number类型会根据你的设置提供选择数字的功能，min属性设置最小值、max属性设置最大值，value属性设置当前值，step属性设定每次增长的值，某些浏览器还不支持range类型用于应该包含一定范围内数字值的输入域，其会以一个滑块的形式展现，min属性设置最小值、max属性设置最大值，value属性设置当前值，如果没有设置，则其默认值的范围是1-100日期和时间类型：HTML5拥有多个可供选取日期和时间的新输入类型：date-选取日、月、年month-选取月、年week-选取周和年time-选取时间（小时和分钟）datetime-选取时间、日、月、年（UTC时间）datetime-local-选取时间、日、月、年（本地时间）search类型用于搜索域，比如站点搜索或Google搜索，为其加上results="s"属性，则会在搜索框前面加上一个搜索图标tel类型用于验证输入的是否是电话格式的内容，此元素现在还没有浏览器支持color类型会提供一个颜色拾取器，供用户选择颜色，并将用户选择的颜色填充到此元素中案例如下，大家可以将代码拷贝或者自己编写之后，在浏览器中查看效果浏览器的支持情况chrome：firefox：Opera：MicrosoftEdge：好，我们对微软的进步进行表扬！新增表单属性除了新增的表单元素之外，html5中还新增了一些表单属性新的form属性：autocompletenovalidate新的input属性：autocompleteautofocusformformoverrides(formaction,formenctype,formmethod,formnovalidate,formtarget)height和widthlistmin,max和stepmultiplepattern(regexp)placeholderrequired在下面的案例中，我们对一些常用的属性做了解释，大家直接看代码和代码旁边的注释，然后对照浏览器的运行结果就理解其意义了

---