diff --git a/components/form/demo/basic.md b/components/form/demo/basic.md
new file mode 100755
index 00000000..2d7ab682
--- /dev/null
+++ b/components/form/demo/basic.md
@@ -0,0 +1,101 @@
+---
+order: 0
+title:
+ zh-CN: 基本使用
+ en-US: Basic usage
+---
+
+## zh-CN
+
+基本使用。
+
+## en-US
+
+Basic usage example.
+
+```jsx
+import { Form, Icon, Input, Button, Checkbox, InputNumber, Radio, Switch } from 'antd';
+const formItemLayout = {
+ labelCol: {
+ xs: { span: 24 },
+ sm: { span: 3 },
+ },
+ wrapperCol: {
+ xs: { span: 24 },
+ sm: { span: 10 },
+ },
+};
+class NormalLoginForm extends React.Component {
+ handleSubmit = e => {
+ e.preventDefault();
+ this.props.form.validateFields((err, values) => {
+ if (!err) {
+ console.log('Received values of form: ', values);
+ }
+ });
+ };
+
+ render() {
+ const { getFieldDecorator } = this.props.form;
+ return (
+
+ {getFieldDecorator('username', {
+ rules: [{ required: true, message: 'It is required!' }],
+ })(
+
+ )}
+
+
+ {getFieldDecorator('password', {
+ rules: [{ required: true, message: 'It is required!' }],
+ })(
+
+ )}
+
+
+ {getFieldDecorator('count', {
+ rules: [{ required: false, message: 'It is required!' }],
+ })(
+
+ )}
+
+
+ {getFieldDecorator('way', {
+ rules: [{ required: false, message: 'It is required!' }],
+ })(
+
+ )}
+
+
+ {getFieldDecorator('type', {
+ rules: [{ required: false, message: 'It is required!' }],
+ })(
+
+ orc
+ text
+ md
+
+ )}
+
+
+ {getFieldDecorator('switch', {
+ rules: [{ required: false, message: 'It is required!' }],
+ })(
+
+ )}
+
+
+
+
+
+ );
+ }
+}
+
+const WrappedNormalLoginForm = Form.create({ name: 'normal_login' })(NormalLoginForm);
+
+ReactDOM.render(, mountNode);
+```
diff --git a/components/form/index.zh-CN.md b/components/form/index.zh-CN.md
new file mode 100755
index 00000000..5495d50e
--- /dev/null
+++ b/components/form/index.zh-CN.md
@@ -0,0 +1,20 @@
+---
+category: Components
+subtitle: 表单
+type: 数据录入
+title: Form
+cols: 1
+---
+
+具有数据收集、校验和提交功能的表单,包含复选框、单选框、输入框、下拉选择框等元素。
+
+## 设计规则
+
+纵向相邻表单之间的间隔为 20 px
+
+## API
+
+|类名 |说明 |使用示例 |
+|---------|---------|---------|
+|.dt-form-shadow-bg | 灰色背景,表单样式设置 | 灰色背景(仅默认主题下使用) |
+|.dt-form-light-bg | 浅色背景上,显示深色控件 | 浅色背景(仅暗黑主题下使用) |
diff --git a/components/select/demo/light.md b/components/select/demo/light.md
index 63c1cb8d..a6ff7529 100755
--- a/components/select/demo/light.md
+++ b/components/select/demo/light.md
@@ -19,7 +19,7 @@ const { Option } = Select;
ReactDOM.render(
-