详解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 相关文章推荐
网络资源
Oct 09 PHP
Google Voice 短信发送接口PHP开源版(2010.5更新)
Jul 22 PHP
php模板中出现空行解决方法
Mar 08 PHP
在WINDOWS中设置计划任务执行PHP文件的方法
Dec 19 PHP
处理单名多值表单的详解
Jun 08 PHP
php下拉选项的批量操作的实现代码
Oct 14 PHP
使用PHP Socket写的POP3类
Oct 30 PHP
PHP判断指定时间段的2个方法
Mar 14 PHP
php通过function_exists检测函数是否存在的方法
Mar 18 PHP
php清除和销毁session的方法分析
Mar 19 PHP
PHP+swoole实现简单多人在线聊天群发
Jan 19 PHP
PHP在同一域名下两个不同的项目做独立登录机制详解
Sep 22 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面向对象教程之自定义类
2014/06/10 PHP
CI框架常用方法小结
2016/05/17 PHP
PHP面向对象程序设计高级特性详解(接口,继承,抽象类,析构,克隆等)
2016/12/02 PHP
thinkphp3.2实现在线留言提交验证码功能
2017/07/19 PHP
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
PHP使用mongoclient简单操作mongodb数据库示例
2019/02/08 PHP
javascript EXCEL 操作类代码
2009/07/30 Javascript
javascript仿qq界面的折叠菜单实现代码
2012/12/12 Javascript
基于jQuery实现图片的前进与后退功能
2013/04/24 Javascript
js动态给table添加/删除tr的方法
2013/08/02 Javascript
node.js中的buffer.length方法使用说明
2014/12/14 Javascript
js实现鼠标滑过文字链接色彩变化的效果
2015/05/06 Javascript
js实现String.Fomat的实例代码
2016/09/02 Javascript
nodejs个人博客开发第七步 后台登陆
2017/04/12 NodeJs
jQuery实现王者荣耀手风琴效果
2020/01/17 jQuery
node.js开发辅助工具nodemon安装与配置详解
2020/02/06 Javascript
浅析vue中的nextTick
2020/12/28 Vue.js
Python和GO语言实现的消息摘要算法示例
2015/03/10 Python
Python实现从百度API获取天气的方法
2015/03/11 Python
Python3.6+Django2.0以上 xadmin站点的配置和使用教程图解
2019/06/04 Python
Python实现最大子序和的方法示例
2019/07/05 Python
使用Python实现画一个中国地图
2019/11/23 Python
django配置app中的静态文件步骤
2020/03/27 Python
德国EGOIST网店:销售畅销的设计师品牌
2017/04/18 全球购物
Tostadora意大利:定制T恤
2019/04/08 全球购物
中国京东和泰国中央集团合资的网站:JD CENTRAL
2020/08/22 全球购物
华为c/c++笔试题
2016/01/25 面试题
园林毕业生自我鉴定范文
2013/12/29 职场文书
市场营销职业生涯规划书范文
2014/01/12 职场文书
致800米运动员广播稿
2014/02/16 职场文书
报效祖国演讲稿
2014/09/15 职场文书
2014年个人债务授权委托书范本
2014/09/22 职场文书
责任书范本大全
2015/05/11 职场文书
2015社区健康教育工作总结
2015/05/20 职场文书
小学生手册家长意见
2015/06/03 职场文书
Win11自动黑屏怎么办 Win11自动黑屏设置教程
2022/07/15 数码科技