單行文本
*****
標簽格式
```
{:Form::text(標題,字段名,字段值,其他數組參數)}
```
示例代碼
```
{:Form::text('標題','title',$vo.title,['placeholder'=>'請輸入標題'])}
```
運行后生成的HTML
```
<div class="layui-form-item">
<label class="layui-form-label">標題</label>
<div class="layui-input-block">
<input type="text" name="title" value="" placeholder="請輸入標題" class="layui-input">
</div>
</div>
```
必要參數
| 屬性 | 類型 | 默認值 | 必填 | 說明 |
| --- | --- | --- | --- | --- |
| 標題 | string | | 是 | input的標題 |
| 字段名 | string | | 是 | input的name |
| 字段值 | string | | 是 | input的value |
>[danger] 字段值:其實就是從數據庫查出來的數據
例如:
```
$data = Article::get(1); //查詢文章模型id為1的數據
```
系統默認是這樣賦值到`edit`模板的
```
$this->assign('vo',$data)->fetch('edit');
```
那么模板就應該這樣用:
```
{:Form::text('標題','title',$vo.title,['placeholder'=>'請輸入標題'])}
```
*****
如果你是這樣賦值到`edit`模板的 **(不建議這樣做,避免你的數據庫字段和 `EasyWcms`的字段沖突)**
```
$this->assign($data)->fetch('edit');
```
那么模板就應該這樣用:
```
{:Form::text('標題','title',$title,['placeholder'=>'請輸入標題'])}
```
\-
其他數組參數
| 屬性 | 類型 | 默認值 | 必填 | 說明 |
| --- | --- | --- | --- | --- |
| itemclass | string | | 否 | 指定表單項樣式名 |
| inputclass | string | | 否 | 指定 class 樣式 |
| placeholder | string | | 否 | 輸入框為空時占位符 |
| disabled | string | false | 否 | 是否禁用 |
| ispassword | string | false | 否 | 是否密碼框 |
| attr | string | | 否 | 自定義input屬性 |
| verify | string | | 否 | 驗證規則,請[點擊]() |
| vertype | string | tips 可選alert/msg | 否 | 定義異常提示層模式 |
-
**attr 自定義屬性**
```
{:Form::text('標題','title',$vo.title,['attr'=>'data-id="123"'])}
```
\-
**verify 驗證規則**
required(必填項)phone(手機號)email(郵箱)url(網址)number(數字)date(日期)identity(身份證)自定義值
例如要驗證用戶輸入為:必填并且是手機號
```
{:Form::text('手機號','phone',$vo.phone,['verify'=>'required|phone'])}
```
如果需要自定義值,請查看 Layui 官方的文檔說明
[https://www.layui.com/doc/modules/form.html#verify]()
*****
# **舉栗子**
效果圖

示例代碼\*\*(要求:標題、姓名,手機號字段必填,并且驗證手機號是否正確)\*\*
```
<form id="easy-form" class="layui-form layui-form-pane">
{:Form::text('標題','title',$vo.title,['verify'=>'required','placeholder'=>'請輸入標題'])}
{:Form::text('姓名','name',$vo.name,['verify'=>'required','placeholder'=>'請輸入姓名'])}
{:Form::text('手機號','phone',$vo.phone,['verify'=>'required|phone','placeholder'=>'請輸入手機號'])}
</form>
```
*****
# **再舉個栗子**
一行最多放兩個輸入框哦, 需要用到 `<div class="layui-form-item"> </div>`
效果圖

示例代碼
```
<form id="easy-form" class="layui-form layui-form-pane">
<div class="layui-form-item">
{:Form::text('標題','title',$vo.title,['verify'=>'required','placeholder'=>'請輸入標題'])}
{:Form::text('子標題','subtitle',$vo.subtitle,['placeholder'=>'請輸入子標題'])}
</div>
<div class="layui-form-item">
{:Form::text('姓名','name',$vo.name,['verify'=>'required','placeholder'=>'請輸入姓名'])}
{:Form::text('手機號','phone',$vo.phone,['verify'=>'required|phone','placeholder'=>'請輸入手機號'])}
</div>
</form>
```
*****
# **密碼框**
**{:Form::text('密碼','password',$vo.password,\['setup'=>\['ispassword'=>1\],'placeholder'=>'請輸入密碼'\])}**
- 序言
- 快速上手
- 如何安裝 Easywcms?
- 如何開啟調試模式?
- 開發規范
- 開發流程
- 架構
- 架構總覽
- 目錄結構
- 應用模塊
- 功能模塊
- 控制器
- 控制器定義
- 邏輯層定義
- 模型定義
- 視圖渲染
- 模板
- 布局
- 列表頁
- 添加 / 編輯
- 表單組件
- text
- textarea
- editor
- switcher
- select
- selects
- radio
- checkbox
- image
- images
- file
- files
- fieldlist
- citypicker
- datetime
- datepicker
- timepicker
- 日期與時間 區間選擇器
- 后臺開發例子
- 1.建立模型
- 2.建立邏輯層
- 3.建立控制器
- 4.建立模板
- 插件開發說明
- 1.建立插件
- 2.配置文件
- 3.創建SQL文件
- 4.創建模型
- 5.創建邏輯層
- 6.建立控制器
- 7.建立模板