## 表单组件 本章节详细介绍 EasyWcms 组件的使用，目的是为开发者减少编写HTML代码并提高开发效率。 所有组件都是 Layui 的组件。可以看看官方的手册哦。 文档：[https://www.layui.com/doc/element/form.html](https://www.layui.com/doc/element/form.html) 演示：[https://www.layui.com/demo/form.html](https://www.layui.com/demo/form.html) ***** EasyWcms 为了统一风格，采用了 方框风格 （`layui-form-pane`）。 ***** 先看看Layui的单行输入框代码 （方框风格 其实就是在 `form` 的 `class` 中添加了 `layui-form-pane` 样式类 ） ``` <form id="easy-form" class="layui-form layui-form-pane" > <div class="layui-form-item"> <label class="layui-form-label">标题</label> <div class="layui-input-block"> <input type="text" name="title" placeholder="请输入标题" class="layui-input"> </div> </div> </form> ``` ***** >[success] EasyWcms 为了更简化HTML的编写，在 FormBuilder 类中将 Layui 表单组件进行了封装。 一个简单的示例 ``` <form id="easy-form" class="layui-form layui-form-pane"> {:Form::text('标题','title',$vo.title,['placeholder'=>'请输入标题'])} </form> ``` ## 常用的普通输入框 ``` {:Form::text(标题,字段名,值,其他数组参数)} ``` ## 通常属性 `标题`　通常是给用户提示此表单要输入什么，例如：姓名，年龄等等。 `字段名`通常为组件的名称，我们在后台接收时可以通过这个名称来获取到它所对应的值 `值` 通常为数据库中的值，在新增的时候默认为空，在修改的时候需要是数据库中对应字段的值 `其他数组参数` 这个功能很多，每个组件可能有些不一样的参数，在后面的章节会详细介绍。