## 简介

表单属于复合模块组件，常用于布局、校验、数据提交操作等场景。

#### CAUTION

* 组件不要使用关键字 `nodeName` 作为 name、id
* Form 默认使用 size=medium, 并且会控制 FormItem 内所有组件的size。 如果想修改组件的size `<FormItem size="small" >`
* 在垂直表单中如果文字（一般 `<p>` 标签）或者组件向上偏离，可以通过 `className="next-form-text-align" `辅助调整
* 必须是被`<FormItem>`直接包裹的组件才能展示校验错误提示。如果界面不展示错误信息，请检查是否有多个层级。 比如 `<FormItem><div><Input/></div></FormItem>` 是无法展示校验信息的。
  可以通过 `<Form field={false}>` 来关闭数据获取，变成一个纯布局组件

## 示例

### 基本

```tsx
```

### 水平

```tsx
```

### 尺寸

```tsx
```

### 标签在上

```tsx
```

### 自适应布局

```tsx
```

### 响应式

```tsx
```

### 回车提交

```tsx
```

### 校验提示

```tsx
```

### label作为校验提示

```tsx
```

### 校验

```tsx
```

### 校验(自定义错误)

```tsx
```

### 复杂功能(Field)

```tsx
```

### 表单组合

```tsx
```

### 手动设置错误

```tsx
```

### 预览态

```tsx
```

## API

```tsx
```

## 更多示例

### 标签内嵌

```tsx
```

### 嵌套

```tsx
```

### 自定义布局

```tsx
```

### 无障碍

```tsx
```