单行文本
*****
标签格式
```
{: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'=>'请输入密码'\])}**
- 序言
- 快速上手
- 如何安装 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.建立模板