update document

pull/464/head
afc163 9 years ago
parent 6a4743e7ac
commit 9749b1692e

@ -1,7 +1,9 @@
# 行排列的表单
# 行排列
- order: 1
行内排列,常用于登录界面。
---
````jsx

@ -2,7 +2,7 @@
- order: 0
我们为 `<Input />` 输入框定义了三种尺寸(大、默认、小),具体使用详见 [API](./components/form/#input)。
我们为 `<Input />` 输入框定义了三种尺寸(大、默认、小),具体使用详见 [API](/components/form/#input)。
注意: 在表单里面,我们只使用**大尺寸** 即高度为 **32px**,作为唯一的尺寸。

@ -14,27 +14,27 @@
我们为 `form` 提供了以下两种排列方式:
- 水平排列:可以实现 `label` 标签和表单控件的水平排列;
- 行内排列:使其表现为 inline-block 级别的控件。
- 行内排列:使其表现为 `inline-block` 级别的控件。
## 表单域
表单一定会包含表单域,表单域可以是输入控件,标准表单域,标签,下拉菜单,文本域等。
这里我们分别封装了表单域 `<Form.Item>` 和输入控件 `<Input>`。
这里我们分别封装了表单域 `<Form.Item />` 和输入控件 `<Input />`。
```html
<Form.Item {...props}>
{children}
</Form.Item>`
<Form.Item {...props}>
{children}
</Form.Item>`
```
## Input 输入框
```html
<Input {...props} />
<Input {...props} />
```
## API
## API
### Form
@ -51,7 +51,7 @@
|-----------|------------------------------------------|------------|-------|--------|
| label | label 标签的文本 | string | | |
| labelCol | label 标签布局,通 `<Col>` 组件,设置 `span` `offset` 值,如 `{span: 3, offset: 12}` | object | | |
| wrapperCol | 需要为输入控件设置布局样式时,使用该属性,用法同 labelCol | object | | |
| wrapperCol | 需要为输入控件设置布局样式时,使用该属性,用法同 labelCol | object | | |
| help | 提示信息 | string | | |
| required | 是否必填 | bool | | false |
| validateStatus | 校验状态 | string | 'success' 'warning' 'error' 'validating' | |
@ -80,10 +80,8 @@ Mixin当表单控件的输入值改变时更新 formData。
#### Input.Group
```html
<Input.Group
className={string} // 样式类名前缀,默认是 ant-input-group通常您不需要设置。
>
```html
<Input.Group className={string}> // 样式类名前缀,默认是 ant-input-group通常您不需要设置。
{children}
</Input.Group>
```

Loading…
Cancel
Save