详解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的控制语句
Oct 09 PHP
php获取mysql版本的几种方法小结
Mar 25 PHP
用PHP实现递归循环每一个目录
Aug 08 PHP
PHP实现生成唯一会员卡号
Aug 24 PHP
变量在 PHP7 内部的实现(二)
Dec 21 PHP
php结合redis高并发下发帖、发微博的实现方法
Dec 15 PHP
PHP CURL采集百度搜寻结果图片不显示问题的解决方法
Feb 03 PHP
Windows下php+mysql5.7配置教程
May 16 PHP
PHP编程获取各个时间段具体时间的方法
May 26 PHP
Yii 2.0中场景的使用教程
Jun 02 PHP
php模仿qq空间或朋友圈发布动态、评论动态、回复评论、删除动态或评论的功能(中)
Jun 11 PHP
php基于协程实现异步的方法分析
Jul 17 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新手上路(九)
2006/10/09 PHP
PHP文件下载类
2006/12/06 PHP
PHP之sprintf函数用法详解
2014/11/12 PHP
thinkphp的静态缓存用法分析
2014/11/29 PHP
LAMP环境使用Composer安装Laravel的方法
2017/03/25 PHP
php数据结构之顺序链表与链式线性表示例
2018/01/22 PHP
用Javascript实现UTF8编码转换成gb2312编码
2006/12/22 Javascript
关于__defineGetter__ 和__defineSetter__的说明
2007/05/12 Javascript
javascript 导出数据到Excel(处理table中的元素)
2009/12/18 Javascript
js写一个字符串转成驼峰的实例
2013/06/21 Javascript
高性能JavaScript模板引擎实现原理详解
2015/02/05 Javascript
js实现有过渡渐变效果的图片轮播相册(兼容IE,ff)
2016/01/19 Javascript
Centos7 中安装 Node.js v4.4.4
2016/11/03 Javascript
bootstrap modal弹出框的垂直居中
2016/12/14 Javascript
Angularjs根据json文件动态生成路由状态的实现方法
2017/04/17 Javascript
Vue-cli中为单独页面设置背景色的实现方法
2018/02/11 Javascript
浅析Visual Studio Code断点调试Vue
2018/02/27 Javascript
vue单页缓存存在的问题及解决方案(小结)
2018/09/25 Javascript
使用angular-cli webpack创建多个包的方法
2018/10/16 Javascript
python traceback捕获并打印异常的方法
2018/08/31 Python
使用EduBlock轻松学习Python编程
2018/10/08 Python
对python指数、幂数拟合curve_fit详解
2018/12/29 Python
Python 用matplotlib画以时间日期为x轴的图像
2019/08/06 Python
使用python切片实现二维数组复制示例
2019/11/26 Python
python集合的新增元素方法整理
2020/12/07 Python
可自定义箭头样式的CSS3气泡提示框
2016/03/16 HTML / CSS
英国Boots旗下太阳镜网站:Boots Designer Sunglasses
2018/07/07 全球购物
一份软件工程师的面试试题
2016/02/01 面试题
经典优秀毕业生求职信范文分享
2013/12/18 职场文书
社会治安综合治理管理责任书
2014/04/16 职场文书
询价采购方案
2014/06/09 职场文书
六查六看剖析材料
2014/10/06 职场文书
岗位竞聘报告范文
2014/11/06 职场文书
2014年技术员工作总结
2014/11/18 职场文书
2015年感恩父亲节活动策划方案
2015/05/05 职场文书
国产动画《万圣街》日语配音版制作决定!
2022/03/20 国漫