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

 更新时间:2017年01月04日 11:19:40   作者:陈小峰_iefreer  
本篇文章主要介绍了 Yii2 定制表单输入字段的标签和样式,Yii2中对于表单和字段的支持组件为ActiveForm和ActiveField,有兴趣的可以了解一下。

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

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

相关文章

  • 详解Laravel5.6 Passport实现Api接口认证

    详解Laravel5.6 Passport实现Api接口认证

    这篇文章主要介绍了详解Laravel5.6 Passport实现Api接口认证,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • PHP校验15位和18位身份证号的类封装

    PHP校验15位和18位身份证号的类封装

    这篇文章主要介绍了PHP校验15位和18位身份证号,需要的朋友可以参考下
    2018-11-11
  • laravel 4安装及入门图文教程

    laravel 4安装及入门图文教程

    最详细的laravel 4安装及入门图文教程 laravel安装入门,最近,很多朋友因此想学习实用laravel,但是了,自己又不会安装,网上的教程都是零零散散的,无从下手。今天就为大家整理出来,希望对大家有所帮助
    2014-10-10
  • PHP-Java-Bridge使用笔记

    PHP-Java-Bridge使用笔记

    这是我在做平安银行开发的时候,本地使用PHP环境,平安银行接口为Java接口的时候,采用PHP-Java-Bridge的方式调用接口的笔记。因为现在网上的教程基本上都不行了,所以在这里贴出我能使用的而且目前网上最新的版本(2014-09-19),如果有错,请通过邮件联系,谢谢。
    2014-09-09
  • thinkPHP框架可添加js事件的分页类customPage.class.php完整实例

    thinkPHP框架可添加js事件的分页类customPage.class.php完整实例

    这篇文章主要介绍了thinkPHP框架可添加js事件的分页类customPage.class.php,以完整实例形式给出了分页类customPage.class.php的实现代码并分析了ajax动态加载数据,设置分页链接等功能,需要的朋友可以参考下
    2017-03-03
  • PHP设计模式之工厂模式(Factory)入门与应用详解

    PHP设计模式之工厂模式(Factory)入门与应用详解

    这篇文章主要介绍了PHP设计模式之工厂模式(Factory),结合实例形式详细分析了PHP工厂模式的概念、原理、基本应用与相关操作注意事项,需要的朋友可以参考下
    2019-12-12
  • ecshop后台编辑器替换成ueditor编辑器

    ecshop后台编辑器替换成ueditor编辑器

    这篇文章主要介绍了ecshop后台编辑器替换成ueditor编辑器的详细过程,这里推荐给有相同需求的小伙伴们。
    2015-03-03
  • 纯真IP数据库的应用 IP地址转化成十进制

    纯真IP数据库的应用 IP地址转化成十进制

    由于纯真数据库中的IP数据是和普通IP不同的,所以要转化后才能比对
    2009-06-06
  • Laravel事件系统实现浏览量的统计

    Laravel事件系统实现浏览量的统计

    Laravel的事件系统提供了一种简单而强大的方式来实现浏览量的统计,通过创建浏览事件和事件监听器,以及在合适的地方触发事件,我们可以轻松地实现网页浏览量的统计功能,本文将介绍如何使用Laravel的事件系统来实现浏览量的统计
    2024-03-03
  • ajax php传递和接收变量实现思路及代码

    ajax php传递和接收变量实现思路及代码

    在实际应用中会遇到这种情况:ajax与php之间传递和接收变量,为了实现这一功能应用,很多新手朋友们,只能望洋兴叹啊,于是本人搜集整理一些实用技巧,晒出来和大家分享,希望可以帮助你们
    2012-12-12

最新评论