Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
9749b169
A
ant-design
项目概览
wanjj_1210
/
ant-design
与 Fork 源项目一致
从无法访问的项目Fork
通知
10
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
ant-design
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
9749b169
编写于
11月 02, 2015
作者:
A
afc163
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update document
上级
6a4743e7
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
14 addition
and
14 deletion
+14
-14
components/form/demo/inline-form.md
components/form/demo/inline-form.md
+3
-1
components/form/demo/input.md
components/form/demo/input.md
+1
-1
components/form/index.md
components/form/index.md
+10
-12
未找到文件。
components/form/demo/inline-form.md
浏览文件 @
9749b169
#
行内排列的表单
#
平行排列
-
order: 1
-
order: 1
行内排列,常用于登录界面。
---
---
````
jsx
````
jsx
...
...
components/form/demo/input.md
浏览文件 @
9749b169
...
@@ -2,7 +2,7 @@
...
@@ -2,7 +2,7 @@
-
order: 0
-
order: 0
我们为
`<Input />`
输入框定义了三种尺寸(大、默认、小),具体使用详见
[
API
](
./components/form/#input
)
。
我们为
`<Input />`
输入框定义了三种尺寸(大、默认、小),具体使用详见
[
API
](
/components/form/#input
)
。
注意: 在表单里面,我们只使用
**大尺寸**
, 即高度为
**32px**
,作为唯一的尺寸。
注意: 在表单里面,我们只使用
**大尺寸**
, 即高度为
**32px**
,作为唯一的尺寸。
...
...
components/form/index.md
浏览文件 @
9749b169
...
@@ -14,27 +14,27 @@
...
@@ -14,27 +14,27 @@
我们为
`form`
提供了以下两种排列方式:
我们为
`form`
提供了以下两种排列方式:
-
水平排列:可以实现
`label`
标签和表单控件的水平排列;
-
水平排列:可以实现
`label`
标签和表单控件的水平排列;
-
行内排列:使其表现为
inline-block
级别的控件。
-
行内排列:使其表现为
`inline-block`
级别的控件。
## 表单域
## 表单域
表单一定会包含表单域,表单域可以是输入控件,标准表单域,标签,下拉菜单,文本域等。
表单一定会包含表单域,表单域可以是输入控件,标准表单域,标签,下拉菜单,文本域等。
这里我们分别封装了表单域
`<Form.Item
>`
和输入控件
`<Input
>`
。
这里我们分别封装了表单域
`<Form.Item
/>`
和输入控件
`<Input /
>`
。
```
html
```
html
<Form.Item
{...
props
}
>
<Form.Item
{...
props
}
>
{children}
{children}
</Form.Item>
`;
</Form.Item>
`;
```
```
## Input 输入框
## Input 输入框
```
html
```
html
<Input
{...
props
}
/>
<Input
{...
props
}
/>
```
```
## API
## API
### Form
### Form
...
@@ -51,7 +51,7 @@
...
@@ -51,7 +51,7 @@
|-----------|------------------------------------------|------------|-------|--------|
|-----------|------------------------------------------|------------|-------|--------|
| label | label 标签的文本 | string | | |
| label | label 标签的文本 | string | | |
| labelCol | label 标签布局,通
`<Col>`
组件,设置
`span`
`offset`
值,如
`{span: 3, offset: 12}`
| object | | |
| labelCol | label 标签布局,通
`<Col>`
组件,设置
`span`
`offset`
值,如
`{span: 3, offset: 12}`
| object | | |
| wrapperCol | 需要为输入控件设置布局样式时,使用该属性,用法同 labelCol | object | | |
| wrapperCol | 需要为输入控件设置布局样式时,使用该属性,用法同 labelCol | object | | |
| help | 提示信息 | string | | |
| help | 提示信息 | string | | |
| required | 是否必填 | bool | | false |
| required | 是否必填 | bool | | false |
| validateStatus | 校验状态 | string | 'success' 'warning' 'error' 'validating' | |
| validateStatus | 校验状态 | string | 'success' 'warning' 'error' 'validating' | |
...
@@ -80,10 +80,8 @@ Mixin:当表单控件的输入值改变时,更新 formData。
...
@@ -80,10 +80,8 @@ Mixin:当表单控件的输入值改变时,更新 formData。
#### Input.Group
#### Input.Group
```
html
```
html
<Input.Group
<Input.Group
className=
{string}
>
// 样式类名前缀,默认是 ant-input-group,通常您不需要设置。
className=
{string}
//
样式类名前缀
,
默认是
ant-input-group
,
通常您不需要设置
。
>
{children}
{children}
</Input.Group>
</Input.Group>
```
```
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录