表单是最常见的前后端数据交互方式，用户通过表单的发送，可以把数据推送给后台的服务器，下面是表单的基本结构。
<form> <!-- 表单属性配置 -->
<!-- 表单控件1 -->
<input type="text" />
<!-- 表单控件N -->
<textarea></textarea>
<!-- 表单提交按钮 -->
<button type="submit"></button>
</form><form> 标签是表单的主体标签，用于定义了表单的区域范围和规范表单数据与后台服务器的交互方式。
| form属性 | 含义 |
|---|---|
| action | 提交的页面 |
| method | HTTP请求方法 |
| enctype | HTTP Content-Type |
| name | 表单名称 |
| target | 新增窗口提交 |
| autocomplete | 自动完成 |
| novalidate | 数据教验 |
表单控件是表单数据的容器。
| 控件 | 含义 |
|---|---|
| input - text | 文本框 |
| input - password | 密码框 |
| input - search | 搜索框 |
| input - email | 邮件 |
| input - url | 网址 |
| input - tel | 电话 |
| input - hidden | 隐藏框 |
| input - number | 数字框 |
| input - range | 范围控件 |
| input - checkbox | 复选框 |
| input - radio | 单选框 |
| input - submit | 表单提交 |
| input - reset | 表单重置 |
| input - button | 普通按钮 |
| input - image | 图片按钮 |
| input - color | 取色控件 |
| input - date | 日期控件 |
| input - file | 上传控件 |
| textarea | 多行输入 |
| select option | 选项卡 |