项目初始化

gaoluyang

5 天以前 92230c9a97dc9ce9df3313d11d26999c04bb6b26

 src/uni_modules/uni-forms/readme.md

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,23 @@


## Forms è¡¨å•

> **组件名：uni-forms**
> ä»£ç å—： `uForms`、`uni-forms-item`
> å…³è”组件：`uni-forms-item`、`uni-easyinput`、`uni-data-checkbox`、`uni-group`。


uni-app的内置组件已经有了 `<form>`组件，用于提交表单内容。

然而几乎每个表单都需要做表单验证，为了方便做表单验证，减少重复开发，`uni ui` åˆåŸºäºŽ `<form>`组件封装了 `<uni-forms>`组件，内置了表单验证功能。

`<uni-forms>` æä¾›äº† `rules`属性来描述校验规则、`<uni-forms-item>`子组件来包裹具体的表单项，以及给原生或三方组件提供了 `binddata()` æ¥è®¾ç½®è¡¨å•å€¼ã€‚

每个要校验的表单项，不管input还是checkbox，都必须放在`<uni-forms-item>`组件中，且一个`<uni-forms-item>`组件只能放置一个表单项。

`<uni-forms-item>`组件内部预留了显示error message的区域，默认是在表单项的底部。

另外，`<uni-forms>`组件下面的各个表单项，可以通过`<uni-group>`包裹为不同的分组。同一`<uni-group>`下的不同表单项目将聚拢在一起，同其他group保持垂直间距。`<uni-group>`仅影响视觉效果。

### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-forms)
#### å¦‚使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui äº¤æµç¾¤ï¼š871950839