Yii2 定制表单输入字段的标签和样式
来源:互联网 发布:js rows函数 编辑:程序博客网 时间:2024/05/17 07:19
Yii2中对于表单和字段的支持组件为ActiveForm和ActiveField,
要生成一个具有label、input、error提示这样通用格式的登录框,可编写如下代码:
<?php $form = ActiveForm::begin([ 'id' => 'login-form', 'options' => ['class' => 'form-horizontal'], 'fieldConfig' => [ 'template' => "{label}\n<div class=\"col-lg-3\">{input}</div>\n<div class=\"col-lg-8\">{error}</div>", 'labelOptions' => ['class' => 'col-lg-1 control-label'], ], ]); ?> <?= $form->field($model, 'username') ?> <?= $form->field($model, 'password')->passwordInput() ?>
上述代码生成两个带默认标签名(如Username,Password)的表单输入框(input)。
如果想更改输入框的标签及其样式,有两个方式,一个是通过labelOptions参数:
<?= $form->field($model, 'username',['labelOptions' => ['label' => 'Nick name','class' => 'your own class']]) ?>还有一个更加面向对象的方法是:
<?= $form->field($model, 'username')->textInput()->hint('Please enter your nick name instead of email')->label('Nick name') ?>
更多关于表单和字段的内容,请参考Yii2在线中文指南-表单章节。
by iefreer
2 1
- Yii2 定制表单输入字段的标签和样式
- Yii2 定制表单输入字段的标签和样式
- 常见的简易表单和输入标签
- yii2.0七牛云crazyfd上传插件和定制样式
- Yii2 Form表单样式修改
- Yii2 Form表单样式修改
- Yii2 ajax验证表单输入
- 一款漂亮的表单输入框样式
- 修改webkit默认样式及定制漂亮的表单
- yii2 常用ActiveForm表单样式用法总结
- UITabBar 和 UINavigationBar 样式的定制
- 第 4 章 祝福吧!把表单和输入控件都改成ext的样式
- 第 4 章 祝福吧!把表单和输入控件都改成ext的样式
- 用HTC统一定制表单样式
- 定制EditText的样式
- Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。
- Yii2学习笔记:汉化yii,设置表单的描述(属性标签attributeLabels)
- Yii2 Ajax异步验证表单,用于验证用户输入字符串的合法性
- 黄聪:Python 字符串操作(string替换、删除、截取、复制、连接、比较、查找、包含、大小写转换、分割等)
- Please ensure that adb is correctly located 问题的解决
- Java线程专栏文章汇总
- IOS开发之纯代码界面--基本控件使用篇
- clob 大文本类型与String 互转
- Yii2 定制表单输入字段的标签和样式
- 公共开放WebService接口
- [算法系列] 汉诺塔
- Windows Server 2008上布置svn服务
- Ubuntu下安装vim中文帮助文档
- java集合
- 《程序员面试宝典》 (x&y) + ( (x^y)>>1 )
- python与C混合
- 《TCP/IP详解卷2:实现》笔记--原始IP