ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
## 方法原型: `addText($name = '', $title = '', $tips = '', $default = '', $attr = [])` ## 参数说明: ~~~ * @param string $name 字段名及是否必填 格式: name:require 或 name * @param string $title 标题及占位符 格式: title|placeholder,无竖线分隔则为标题 * @param string $tips 提示信息 * @param string $default 默认值 * @param array|string $attr 输入框属性,完整格式: * { * prefix, 输入框内部前缀文字 * suffix, 输入框内部后缀文字 * prepend, 输入框外部前缀文字 * append, 输入框外部后缀文字 * password:是否是密码框 * width: 输入框宽度, 如: 200px 或 20% * type: input原生属性, 可以是number, 为number时 * } * 其中,前后缀文字可以显示为图标, 只需要以'i.'开头即可 ~~~ ## 调用方式 - 添加一个简单的输入框 ``` return SBuilder::make('form') ->addText('name', '名称') ->fetch(); ``` - 可以自定义输入框的placeholder ``` return SBuilder::make('form') ->addText('name', '名称|请输入名称') ->fetch(); ``` > 页面效果: ![](images/screenshot_1557802895968.png) - 添加输入框提示语 ``` return SBuilder::make('form') ->addText('name', '名称', '名称全局唯一哦' ) ->fetch(); ``` > 页面效果: ![](images/screenshot_1557803022863.png) - 设置输入框的前后缀图标 ``` return SBuilder::make('form') ->addText('name', '名称', '', '', ['prefix' => 'i.el-icon-date', 'suffix' => 'i.el-icon-search']) ->fetch(); ``` > 页面效果: ![](images/screenshot_1557803636697.png) - 设置前后按钮形式的图标 ``` return SBuilder::make('form') ->addText('name', '名称', '', '', ['prepend' => 'i.el-icon-date', 'append' => 'i.el-icon-search']) ->fetch(); ``` > 页面效果: ![](images/screenshot_1557803705079.png) > 注:内外的前后缀混用时样式会有轻微的不兼容,一般不推荐混用