diff --git a/components/form/demo/basic.md b/components/form/demo/basic.md index a6f5a70819..ff26cea92b 100644 --- a/components/form/demo/basic.md +++ b/components/form/demo/basic.md @@ -4,10 +4,12 @@ 表单基本实例 -`.ant-input` 类为 ``、``、`` 元素默认设置了 `width: 100%`。 +表单一定会包含表单域,表单域包含了一个标签和一个输入控件,这里我们用类 `.ant-form-item` 表示。 为了获得更好的排列,请将 label 元素和 ``、``、`` 控件包裹在 `.ant-form-item` 中。 +`注`:`.ant-input` 类为 ``、``、`` 元素默认设置了 `width: 100%`。 + --- ````html diff --git a/components/form/demo/form-controls.md b/components/form/demo/form-controls.md index f0c95a7294..dce1115748 100644 --- a/components/form/demo/form-controls.md +++ b/components/form/demo/form-controls.md @@ -6,13 +6,15 @@ 展示所有支持的表单控件。 -1. 输入框:只有正确设置了 type 属性的输入控件才能被赋予正确的样式。 +`注`: 输入框:只有正确设置了 type 属性的输入控件才能被赋予正确的样式。 --- ````html input 输入框 + + textarea 文本域 @@ -84,4 +86,11 @@ 3 + +文件输入框 + + File input + + Choose a file... + ```` diff --git a/components/form/demo/horizontal-form.md b/components/form/demo/horizontal-form.md index 2fa14116f7..d71d564222 100644 --- a/components/form/demo/horizontal-form.md +++ b/components/form/demo/horizontal-form.md @@ -4,7 +4,7 @@ 水平排列的表单 -为 `` 标签添加 `.ant-form-horizontal` 类(这让 `.ant-form-item` 表现为栅格系统中的 row),并结合使用我们提供的 [栅格系统](http://ant.design/components/layout/),可以实现 label 标签和表单控件的水平并排排列。 +为 `` 标签添加 `.ant-form-horizontal` 类(这让 `.ant-form-item` 表现为栅格系统中的 `row`),并结合使用我们提供的 [栅格系统](http://ant.design/components/layout/),可以实现 label 标签和表单控件的水平排列。 --- diff --git a/components/form/index.md b/components/form/index.md index 9759701b92..3d746c8d21 100644 --- a/components/form/index.md +++ b/components/form/index.md @@ -6,6 +6,4 @@ --- -## 如何使用 - -孵化中,待完善...... +表单是用来接受用户各种输入的控件(元素)。
Choose a file...