## Form 表单
由输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据
### 典型表单
下面的例子展示了一个最典型的表单是例，包括了多种控件
:::demo 在 Form 组件中，每一个表单域由一个 Form-Item 组件构成，表单域中可以放置各种类型的表单控件，包括 Input、Select、Checkbox、Radio、Switch
```html
配货中心
集散中心
仓储中心
线上资源
线下场景
创建组织
取消
```
:::
### 修改label位置
可以通过`label-position`属性来修改label的位置，`label-position`的取值范围是`left(默认)/top`
:::demo 该例子中展示了`label-position`为`top`时form表单的样子
```html
男
女
北京
上海
广州
深圳
```
:::
### 表单校验
表单组件提供了表单校验功能，校验规则的语法引入了[async-validator](https://github.com/yiminghe/async-validator)
:::demo 该例子中展示了各种组件在表单内校验规则的设置方式
```html
PC端
手机
平板电脑
电视
飞机
火车
汽车
test1
test2
点击校验
重置表单
表单状态
```
:::
### Form属性
|参数 |说明 |类型 |可选值 |默认值 |
|-----------|-----------|-----------|-----------|-----------|
|model | 表单数据对象 |Object | — | — |
|rules | 表单校验规则 |Object | — | — |
|labelPosition | 表单域标签的位置 |String | — | — |
|labelWidth | 表单域标签的宽度，作为 Form 直接子元素的 form-item 会继承该值 |String | — | — |
|labelSuffix | — |String | — | — |
|inline | 行内表单模式 |Boolean | — | — |
|inlineMessage | 是否以行内形式展示校验信息 |Boolean | — | — |
|statusIcon | — |Boolean | — | — |
|showMessage | 是否显示校验错误信息 |Boolean | — |true |
|size | — |String | — | — |
|disabled | — |Boolean | — | — |
|validateOnRuleChange | 是否在`rules`属性改变后立即触发一次验证 |Boolean | — |true |
### FormItem 属性
|参数 |说明 |类型 |可选值 |默认值 |
|-----------|-----------|-----------|-----------|-----------|
|label | — |String | — | — |
|labelWidth | — |String | — | — |
|prop | — |String | — | — |
|required | — |Boolean | — | — |
|rules | — |Object/Array | — | — |
|error | — |String | — | — |
|validateStatus | — |String | — | — |
|for | — |String | — | — |
|inlineMessage | — |String/Boolean | — | — |
|showMessage | — |Boolean | — |true |
|size | — |String | — | — |