详解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 array_merge下进行数组合并的代码
Jul 22 PHP
php xml-rpc远程调用
Dec 19 PHP
php操作SVN版本服务器类代码
Nov 27 PHP
LotusPhp笔记之:基于ObjectUtil组件的使用分析
May 06 PHP
ThinkPHP中处理表单中的注意事项
Nov 22 PHP
php实现用已经过去多长时间的方式显示时间
Jun 05 PHP
PHP中的流(streams)浅析
Jul 02 PHP
Laravel中注册Facades的步骤详解
Mar 16 PHP
PHP版本的选择5.2.17 5.3.27 5.3.28 5.4 5.5兼容性问题分析
Apr 04 PHP
Laravel使用PHPQRCODE实现生成带有LOGO的二维码图片功能示例
Jul 07 PHP
Yii框架 session 数据库存储操作方法示例
Nov 18 PHP
PHP 命名空间和自动加载原理与用法实例分析
Apr 29 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实现jQuery扩展函数
2009/10/30 PHP
PHP传值到不同页面的三种常见方式及php和html之间传值问题
2015/11/19 PHP
Yii2实现同时搜索多个字段的方法
2016/08/10 PHP
浅析PHP数据导出知识点
2018/02/17 PHP
关于JavaScript定义类和对象的几种方式
2010/11/09 Javascript
关于JavaScript中var声明变量作用域的推断
2010/12/16 Javascript
js 使用form表单select类实现级联菜单效果
2012/12/19 Javascript
jquery简单瀑布流实现原理及ie8下测试代码
2013/01/23 Javascript
JS 各种网页尺寸判断实例方法
2013/04/18 Javascript
js 为label标签和div标签赋值的方法
2013/08/08 Javascript
json对象与数组以及转换成js对象的简单实现方法
2016/06/24 Javascript
基于bootstrap实现bootstrap中文网巨幕效果
2017/05/02 Javascript
javascript中new Array()和var arr=[]用法区别
2017/12/01 Javascript
ES6下子组件调用父组件的方法(推荐)
2018/02/23 Javascript
JS通用方法触发点击事件代码实例
2020/02/17 Javascript
Python实现去除代码前行号的方法
2015/03/10 Python
python将MongoDB里的ObjectId转换为时间戳的方法
2015/03/13 Python
手把手教你用python抢票回家过年(代码简单)
2018/01/21 Python
详解Django 时间与时区设置问题
2019/07/23 Python
基于Python第三方插件实现西游记章节标注汉语拼音的方法
2020/05/22 Python
10行Python代码实现Web自动化管控的示例代码
2020/08/14 Python
利用SVG和CSS3来实现一个炫酷的边框动画
2015/07/22 HTML / CSS
使用HTML和CSS3绘制基本卡通图案的示例分享
2015/11/06 HTML / CSS
html5唤起app的方法
2017/11/30 HTML / CSS
HTML5 新表单类型示例代码
2018/03/20 HTML / CSS
Net-A-Porter美国官网:全球时尚奢侈品名站
2017/02/11 全球购物
elf彩妆英国官网:e.l.f. Cosmetics英国(美国平价彩妆品牌)
2017/11/02 全球购物
牵手50台湾:专为黄金岁月的单身人士而设的交友网站
2021/02/18 全球购物
介绍下WebSphere的安全性
2013/01/31 面试题
华为python面试题
2016/05/03 面试题
上课迟到检讨书100字
2014/01/11 职场文书
《颐和园》教学反思
2014/02/26 职场文书
六一节目主持词
2014/04/01 职场文书
2016高考寄语或鼓励的话语
2015/12/04 职场文书
解析:创业计划书和商业计划书二者之间到底有什么区别
2019/08/14 职场文书
试了下Golang实现try catch的方法
2021/07/01 Golang