---
display: Form
family: other
---

# Form

用于表单布局

## API

### Form

| 名称       | 说明       | 类型            | 默认值 |
| :--------- | :--------- | :-------------- | :----- |
| labelWidth | 文字的宽度 | string / number |
| labelType  | label 类型 | inner / upper   |        |

#### Form.Item

| 名称       | 说明                                         | 类型            | 默认值  |
| :--------- | :------------------------------------------- | :-------------- | :------ |
| label      | 表单项的 `label`                             | string          |         |
| labelWidth | 文字的宽度                                   | string / number |
| labelType  | label 类型                                   | inner / upper   |         |
| helpText   | 表单项帮助文字信息                           | string          |         |
| required   | 是否为必填项                                 | boolean         | `false` |
| errorText  | 表单项错误文字信息                           | string          |         |
| tapable    | 是否可点击，设置为 true 后，会出现右侧的图标 | boolean         |         |

### CSS API

| 名称                    | 说明               |
| :---------------------- | :----------------- |
| form                    | 表单样式           |
| form\_\_sub-header      | 表单小标题样式     |
| form\_\_footer          | 表单底部区域样式   |
| form\_\_content         | 表单内容区样式     |
| form\_\_item            | 表单项             |
| form\_\_item-container  | 表单项内容         |
| form\_\_item-label      | 表单项标签         |
| form\_\_item-input      | 表单项输入区域     |
| form\_\_item-help       | 表单项帮助区域     |
| form\_\_item-help-text  | 表单项帮助文字     |
| form\_\_item-error-text | 表单项提示出错文字 |