行内布局表单 示例:

```jsx
const Form = require('antd').Form;
const Select = require('antd').Select;
const Input = require('antd').Input;
const Button = require('antd').Button;
const FormItem = Form.Item;
const Option = Select.Option;
{
  /* ant-form-inline-padding 用于水平表单内部边距*/
}
<Form layout="inline" className="ant-form-inline-padding" style={{ outline: '1px dashed #ccc' }}>
  <FormItem label="名称">
    <Input size="small" placeholder="size small 30px height" />
  </FormItem>
  <FormItem label="专辑">
    <Select style={{ width: '200px' }} size="small" placeholder="size small 30px height">
      <Option key="a">A</Option>
      <Option key="b">B</Option>
      <Option key="c">C</Option>
    </Select>
  </FormItem>
  <FormItem className="ant-form-item-gap">
    {/* 实际使用marginRight 非必须 .ant-form-item-gap 用于formitem左边间距*/}
    <Button type="primary" size="small" style={{ marginRight: '0' }}>
      搜索
    </Button>
  </FormItem>
  <FormItem>
    <Button size="small">重置</Button>
  </FormItem>
</Form>;
```

竖向布局表单示例

```jsx
const Form = require('antd').Form;
const Select = require('antd').Select;
const Input = require('antd').Input;
const Button = require('antd').Button;
const FormItem = Form.Item;
const Option = Select.Option;
<Form layout="horizontal" style={{ outline: '1px dashed #ccc' }}>
  <FormItem label="名称" validateStatus="error" help="Should be combination of numbers & alphabets">
    <Input size="small" placeholder="size small 30px height" />
  </FormItem>
  <FormItem label="专辑">
    <Select style={{ width: '200px' }} size="small" placeholder="size small 30px height">
      <Option key="a">A</Option>
      <Option key="b">B</Option>
      <Option key="c">C</Option>
    </Select>
  </FormItem>
  <FormItem>
    <Button type="primary">确认</Button>
  </FormItem>
</Form>;
```