Form 表单

表单系统，包含 Form 和 FormItem，支持校验规则。

基础用法

*用户名

城市

请选择▾

<AForm label-width="80px">
  <AFormItem label="用户名" required>
    <AInput placeholder="请输入" clearable />
  </AFormItem>
  <AFormItem label="城市">
    <ASelect :options="[...]" />
  </AFormItem>
</AForm>

行内表单

名称

<AForm inline>
  <AFormItem label="名称"><AInput /></AFormItem>
  <AFormItem><AButton type="primary">搜索</AButton></AFormItem>
</AForm>

API

Form Props

属性	类型	默认值	说明
model	Record<string, any>	{}	表单数据
rules	FormRules	{}	校验规则
size	'tiny' | 'small' | 'medium' | 'large'	'medium'	组件尺寸
labelWidth	string | number	—	标签宽度
labelPlacement	'left' | 'top'	'left'	标签位置
inline	boolean	false	行内模式

FormItem Props

属性	类型	默认值	说明
label	string	—	标签文本
path	string	—	对应 model 字段
required	boolean	false	必填标记
size	'tiny' | 'small' | 'medium' | 'large'	—	覆盖 Form 尺寸