h5 form表单新增属性

前端向后台提交数据时经常需要使用到form表单，在JavaScript面试之前，判断form表单的信息正确与否只能直接将原始数据交到后台，让后台判断。这样的实现方式效率极其的低下，增大了服务器和带宽的消耗，所以人们希望通过JavaScript实现表单的验证功能，确实JavaScript也做得很好。不过这样一来感觉form表单的功能也就弱化了，完全变成了js脚本在处理表单数据了，所以h5新增的表单属性，能够解放JavaScript，程序员们使用表单更加方便。

form属性：

此属性可以让一个表单元素写在表单的外面，例如：

<form id="myForm"></form>
简介：<textarea form="myform"></textarea>

formmethod和formaction属性：

表单里的按钮使用formmethod属性时，可以指定提交的方法（如get/post），使用formaction时可以指定提交到的页面。

placeholder属性：

此属性用于文本框，当文本框处于未输入状态时显示输入提示

<input type="text" placeholder="输入密码">

autofocus属性：

此属性是自动聚焦属性，给文本框或者按钮等组件添加此属性时，在页面打开后就会自动获得焦点

<input type="text" autofocus="autofocus">

required属性：

此属性要求该表单组件的内容必须有内容，例如文本框等大多数输入元素使用此属性，就能保证在其空白的情况下无法提交表单。

pattern属性：

此属性是一个很牛x的属性，当输入元素要求输入的内容符合一定的格式的时候，以往通常都会通过JavaScript，使用正则表达式来检测，但有了这个属性之后，输入元素可以自带正则表达式检验功能了！如下是要求输入十个1-9数字的文本框。

<input type="text" pattern="[1-9]{10}">

除了上述的新增属性外，还有 list属性、autocomplete属性、min属性和max属性等， 点击input更多属性

本文不少示例是来自《HTML5+CSS5 Web前端开发技术》，写本文仅为了交流及日后方便使用