应用HMTL5原生的表单及输入框属性，验证表单内容：
类型属性
除了常用的text、password等外，HTML5新增的输入类型，分别有：
| 类型 | 说明 |
|---|---|
| 电子邮件地址输入框 | |
| url | 网址输入框 |
| number | 数值的输入框；可设置min、max、step属性 |
| range | 特定值的范围的数值，以滑动条显示；可设置min、max、step属性 |
| search | 用于搜索引擎，比如在站点顶部显示的搜索框 |
| color | 颜色选择器 |
| date | 日期选择器，同时包含month、week、time、datetime、datetime-local等类型 |
在原生的HTML5中，常用的表单及输入框验证属性有：
| 属性名 | 说明 |
|---|---|
| placeholder | 在输入框无内容时显示灰色提示 |
| autofocus | 让input自动获取焦点 |
| required | 设置表单元素为必填 |
| pattern | 表单验证使用正则 |
| novalidate | 该属性使用在form标签上，让设置了验证的表单可以直接提交 |
| formnovalidate | 该属性使用在提交按钮上，让设置了验证的表单可以直接提交 |
| multiple | 多个值，以逗号分隔。 |
| autocomplete | 部分输入框和form都可以设置自动提示 off关闭，on开启（默认是on） |
| maxlength | 最大字符长度 |
| list | 数据列表，与datalist配合使用 |
| min | 最小值 |
| max | 最大值 |
| step | 数字间隔 |
验证方法
根据上表的输入框类型和相关属性结合，验证输入内容。
必填
给输入框添加required属性，则此输入框为必填项。
指定类型
指定输入框type的类型值，如email、number等：
正则验证
在类型不满足的条件的情况下，可使用pattern属性，验证输入内容，pattern的值为正则验证。
