详解Yii2 定制表单输入字段的标签和样式


Posted in PHP onJanuary 04, 2017

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在线中文指南-表单章节。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
谈谈PHP语法(5)
Oct 09 PHP
解析PayPal支付接口的PHP开发方式
Nov 28 PHP
php数据库密码的找回的步骤
Jan 12 PHP
session在PHP大型web应用中的使用
Jun 25 PHP
PHP中file_exists与is_file,is_dir的区别介绍
Sep 12 PHP
windows环境下php配置memcache的具体操作步骤
Jun 09 PHP
PHP实现利用MySQL保存session的方法
Aug 23 PHP
教你如何开启shopnc b2b2c 伪静态
Oct 21 PHP
什么是PEAR?什么是PECL?PHP中两个容易混淆的概念解释
Jul 01 PHP
php图片添加文字水印实现代码
Mar 15 PHP
PHP入门教程之使用Mysqli操作数据库的方法(连接,查询,事务回滚等)
Sep 11 PHP
PHP中关于php.ini参数优化详解
Feb 28 PHP
PHPExcel导出2003和2007的excel文档功能示例
Jan 04 #PHP
CI框架实现优化文件上传及多文件上传的方法
Jan 04 #PHP
PHP搭建大文件切割分块上传功能示例
Jan 04 #PHP
php实现的简单中文验证码功能示例
Jan 03 #PHP
php与c 实现按行读取文件实例代码
Jan 03 #PHP
浅谈PHP安全防护之Web攻击
Jan 03 #PHP
php中遍历二维数组并以表格的形式输出的方法
Jan 03 #PHP
You might like
PHP实现mysqli批量执行多条语句的方法示例
2017/07/22 PHP
PHP中ltrim()函数的用法与实例讲解
2019/03/28 PHP
Maps Javascript
2007/01/22 Javascript
关于extjs treepanel复选框选中父节点与子节点的问题
2013/04/02 Javascript
JS实现鼠标滑过链接改变网页背景颜色的方法
2015/10/20 Javascript
浅析AngularJS中的指令
2016/03/20 Javascript
JS在onclientclick里如何控制onclick的执行
2016/05/30 Javascript
微信小程序 122100版本更新问题解决方案
2016/12/22 Javascript
在Vue中使用echarts的方法
2018/02/05 Javascript
jQuery替换节点元素的操作方法
2018/03/18 jQuery
详解vue使用vue-layer-mobile组件实现toast,loading效果
2018/08/31 Javascript
layui 选择列表,打勾,点击确定返回数据的例子
2019/09/02 Javascript
layui写后台表格思路和赋值用法详解
2019/11/14 Javascript
全面解析Vue中的$nextTick
2020/12/24 Vue.js
[10:49]2014国际邀请赛 叨叨刀塔第二期为真正的电竞喝彩
2014/07/21 DOTA
跟老齐学Python之画圈还不简单吗?
2014/09/20 Python
python实现简单socket程序在两台电脑之间传输消息的方法
2015/03/13 Python
python输出指定月份日历的方法
2015/04/23 Python
利用Python暴力破解zip文件口令的方法详解
2017/12/21 Python
Python实现线程状态监测简单示例
2018/03/28 Python
python 列表降维的实例讲解
2018/06/28 Python
学习Django知识点分享
2019/09/11 Python
python数据预处理 :样本分布不均的解决(过采样和欠采样)
2020/02/29 Python
使用Pycharm分段执行代码
2020/04/15 Python
python安装读取grib库总结(推荐)
2020/06/24 Python
使用npy转image图像并保存的实例
2020/07/01 Python
如何利用python读取micaps文件详解
2020/10/18 Python
使用postMessage让 iframe自适应高度的方法示例
2019/10/08 HTML / CSS
Joules官网:女士、男士和儿童服装和鞋类
2018/10/23 全球购物
小学语文教学反思
2014/02/10 职场文书
群众路线党课主持词
2014/04/01 职场文书
小学生期末评语
2014/04/21 职场文书
国旗下讲话演讲稿
2014/05/08 职场文书
家长反馈意见及建议
2015/06/03 职场文书
mybatis 解决从列名到属性名的自动映射失败问题
2021/06/30 Java/Android
CSS巧用渐变实现高级感背景光动画
2021/12/06 HTML / CSS