## 表單組件 本章節詳細介紹 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(標題,字段名,值,其他數組參數)} ``` ## 通常屬性 `標題`　通常是給用戶提示此表單要輸入什么，例如：姓名，年齡等等。 `字段名`通常為組件的名稱，我們在后臺接收時可以通過這個名稱來獲取到它所對應的值 `值` 通常為數據庫中的值，在新增的時候默認為空，在修改的時候需要是數據庫中對應字段的值 `其他數組參數` 這個功能很多，每個組件可能有些不一樣的參數，在后面的章節會詳細介紹。