表单模板
## < form >< / form >
### 1. 功能
通过表单与后台进行数据交互
### 2. 使用场景
后台数据的删查改
### 3. 如何使用
#### 3.1 HTML 页面模板
```html
<form class="layui-form " lay-filter="myForm">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm6 layui-col-md12">
<label class="layui-form-label">表单类型：</label>
<div class="layui-input-block">
<!--表单内容-->
</div>
</div>
</div>
<div class="pt20 pb20 layui-center"><span class="layui-btn" lay-submit lay-filter='save'>保存</span></div>
</form >
```
##### 3.1.1 输入框
```html
<input type="text" name="title" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
```
##### 3.1.2 密码框
```html
<input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
```
##### 3.1.3 选择框
```html
<select name="city" lay-verify="required">
<option value=""></option>
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">广州</option>
<option value="3">深圳</option>
<option value="4">杭州</option>
</select>
```
##### 3.1.4 复选框
```html
<input type="checkbox" name="like[write]" title="写作">
<input type="checkbox" name="like[read]" title="阅读" checked>
<input type="checkbox" name="like[dai]" title="发呆">
```
##### 3.1.5 开关
```html
<input type="checkbox" name="switch" lay-skin="switch">
```
##### 3.1.6 单选框
```html
<input type="radio" name="sex" value="男" title="男">
<input type="radio" name="sex" value="女" title="女" checked>
```
##### 3.1.7 文本域
```html
<textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
```
#### 3.2 JS 模板
```js
// 引入 layui 表单和 ajax
var $ = onion.$;
var form = onion.form;
```
```js
// 使用
form.on("submit(save)", function (data) {
var submitData = data.field // 表单内的数据
onion.ajax.post(url, submitData, function (res) {
if (res.code == onion.networkState.SUCC) {
// 成功操作
} else {
// 失败操作
}
});
return false // 不能漏
})
```
### 4. api定义
``` javascript
onion.api = function(){
}
```