# 表单格式
表单类格式为函数名默认对应字段，所以数据库字段尽量不要用保留关键词，如果使用了的话，需要去把函数名修改下，这个不影响正常使用，真实字段对应的是函数返回值的 field
## 配置
```
class Demo
{
public function title()
{
return [
'type' => 'input',
'title' => '名称',
'field' => 'title',
'col' => ['span' => 12],
'props' => [
'placeholder' => '请输入名称',
],
'validate' => [
['required' => true, 'message' => '不能为空']
],
'callback' => function($element){
$element->clearable(true);
$element->prefixIcon('el-icon-s-goods');
return $element;
}
];
}
}
```
如上示例：
- type 类型
- titile 显示的标题
- field 对应的字段
- col 一排显示几个，24栏分割，12表示1排显示2个表单项， 同理8表示一栏显示3个，6显示4个以此类推
- props 表单的属性配置
- validate 验证规则
- callback 回调
## 类型 type
目前支持常见几种类型
* hidden
* input
* inputNumber
* checkbox
* radio
* switch
* select
* autoComplete
* cascader
* colorPicker
* datePicker
* timePicker
* rate
* slider
* upload
* tree
* frame
* editor (ckeditor)
> CURD会生成大致框架，涉及到radio,select和cascader等有选项的，还是需要自己根据业务设置选项
> 涉及到上传的，需要配置action字段，配置上传地址，系统默认配置的本地文件存储
## 属性props
props在各个类型的配置项目比较多，可以很灵活的进行配置，各个内置组件的属性设置可以参考：
[http://www.form-create.com/v2/ant-design-vue/components/input.html](http://www.form-create.com/v2/ant-design-vue/components/input.html)
## 验证规则 validate
验证配置参照：[http://www.form-create.com/v2/guide/other/validation-rules.html](http://www.form-create.com/v2/guide/other/validation-rules.html)
自定义验证参照： [http://php.form-create.com/docs/2.0/guide/validate](http://php.form-create.com/docs/2.0/guide/validate)
## callback
为了增加表单的扩展性，增加了callback回调，回调会将当前表单的组件作为参数传入回调函数，你可以对他进行设置，设置的文档如下：
[http://php.form-create.com/docs/2.0/element-ui/components](http://php.form-create.com/docs/2.0/element-ui/components)
