单行文本 ***** 标签格式 ``` {: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]() ***** # **举栗子** 效果图 ![](https://box.kancloud.cn/01a1c0b7ebb8774fb6be51fe006d1d82_777x165.png) 示例代码\*\*(要求:标题、姓名,手机号字段必填,并且验证手机号是否正确)\*\* ``` <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>` 效果图 ![](https://box.kancloud.cn/71e8d90af091ebd1107ff5982d755f1d_791x114.png) 示例代码 ``` <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'=>'请输入密码'\])}**