Yii2 ActiveForm表单自定义样式

实例：

 <?php

            $form = ActiveForm::begin([
                 'fieldConfig' => [
                    'template' => '<div class="col-lg-3 control-label color666 fontweight">{label}:</div>
                                                    <div class="col-lg-5" style="padding-left: 15px;padding-right: 15px;">{input}</div>
                                                    <div class="col-lg-4">{error}</div>',
                    'inputOptions' => ['class' => 'form-control'],
                ],
                'options' => ['class' => 'form-horizontal t-margin20','id'=>'form1','enctype'=>"multipart/form-data"],
                ]);
            //\app\helpers\Util::dump($form);
/*打印此处$form   ActiveForm::begin([]) 追踪源码，调用父级的widget的begin方法是实例化ActiveForm  This method creates an instance of the calling class
*/
?>
/*
自定义样式
$form->field()
调用该方法 查看源码 注释写的 options配置是 ActiveField These are properties of [[ActiveField]] 查看 ActiveField  的属性 就知道可以修改哪些样式
/**
     * Generates a form field.
     * A form field is associated with a model and an attribute. It contains a label, an input and an error message
     * and use them to interact with end users to collect their inputs for the attribute.
     * @param Model $model the data model
     * @param string $attribute the attribute name or expression. See [[Html::getAttributeName()]] for the format
     * about attribute expression.
     * @param array $options the additional configurations for the field object. These are properties of [[ActiveField]]
     * or a subclass, depending on the value of [[fieldClass]].
     * @return ActiveField the created ActiveField object
     * @see fieldConfig
     */
    public function field($model, $attribute, $options = [])
    {
        $config = $this->fieldConfig;
        if ($config instanceof \Closure) {
            $config = call_user_func($config, $model, $attribute);
        }
        if (!isset($config['class'])) {
            $config['class'] = $this->fieldClass;
        }
        return Yii::createObject(ArrayHelper::merge($config, $options, [
            'model' => $model,
            'attribute' => $attribute,
            'form' => $this,
        ]));
    }
*/

<?=$form->field($model, 'product_name',['labelOptions' => ['class' => 't-r-pd5'],'options'=>['class'=>'']])->textInput()?>

ActiveField 部分代码：

 <?php
 /**
  * @link http://www.yiiframework.com/
  * @copyright Copyright (c) 2008 Yii Software LLC
  * @license http://www.yiiframework.com/license/
  */

 namespace yii\widgets;

 use Yii;
 use yii\base\Component;
 use yii\base\ErrorHandler;
 use yii\helpers\ArrayHelper;
 use yii\helpers\Html;
 use yii\base\Model;
 use yii\web\JsExpression;

 /**
  * ActiveField represents a form input field within an [[ActiveForm]].
  *
  * @author Qiang Xue <qiang.xue@gmail.com>
  * @since 2.0
  */
 class ActiveField extends Component
 {
     /**
      * @var ActiveForm the form that this field is associated with.
      */
     public $form;
     /**
      * @var Model the data model that this field is associated with
      */
     public $model;
     /**
      * @var string the model attribute that this field is associated with
      */
     public $attribute;
     /**
      * @var array the HTML attributes (name-value pairs) for the field container tag.
      * The values will be HTML-encoded using [[Html::encode()]].
      * If a value is null, the corresponding attribute will not be rendered.
      * The following special options are recognized:
      *
      * - tag: the tag name of the container element. Defaults to "div".
      *
      * If you set a custom `id` for the container element, you may need to adjust the [[$selectors]] accordingly.
      *
      * @see \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.
      */
     public $options = ['class' => 'form-group'];
     /**
      * @var string the template that is used to arrange the label, the input field, the error message and the hint text.
      * The following tokens will be replaced when [[render()]] is called: `{label}`, `{input}`, `{error}` and `{hint}`.
      */
     public $template = "{label}\n{input}\n{hint}\n{error}";
     /**
      * @var array the default options for the input tags. The parameter passed to individual input methods
      * (e.g. [[textInput()]]) will be merged with this property when rendering the input tag.
      *
      * If you set a custom `id` for the input element, you may need to adjust the [[$selectors]] accordingly.
      *
      * @see \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.
      */
     public $inputOptions = ['class' => 'form-control'];
     /**
      * @var array the default options for the error tags. The parameter passed to [[error()]] will be
      * merged with this property when rendering the error tag.
      * The following special options are recognized:
      *
      * - tag: the tag name of the container element. Defaults to "div".
      * - encode: whether to encode the error output. Defaults to true.
      *
      * If you set a custom `id` for the error element, you may need to adjust the [[$selectors]] accordingly.
      *
      * @see \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.
      */
     public $errorOptions = ['class' => 'help-block'];
     /**
      * @var array the default options for the label tags. The parameter passed to [[label()]] will be
      * merged with this property when rendering the label tag.
      * @see \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.
      */
     public $labelOptions = ['class' => 'control-label'];
     /**
      * @var array the default options for the hint tags. The parameter passed to [[hint()]] will be
      * merged with this property when rendering the hint tag.
      * The following special options are recognized:
      *
      * - tag: the tag name of the container element. Defaults to "div".
      *
      * @see \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.
      */
     public $hintOptions = ['class' => 'hint-block'];
     /**
      * @var boolean whether to enable client-side data validation.
      * If not set, it will take the value of [[ActiveForm::enableClientValidation]].
      */
     public $enableClientValidation;
     /**
      * @var boolean whether to enable AJAX-based data validation.
      * If not set, it will take the value of [[ActiveForm::enableAjaxValidation]].
      */
     public $enableAjaxValidation;
     /**
      * @var boolean whether to perform validation when the value of the input field is changed.
      * If not set, it will take the value of [[ActiveForm::validateOnChange]].
      */
     public $validateOnChange;
     /**
      * @var boolean whether to perform validation when the input field loses focus.
      * If not set, it will take the value of [[ActiveForm::validateOnBlur]].
      */
     public $validateOnBlur;
     /**
      * @var boolean whether to perform validation while the user is typing in the input field.
      * If not set, it will take the value of [[ActiveForm::validateOnType]].
      * @see validationDelay
      */
     public $validateOnType;
     /**
      * @var integer number of milliseconds that the validation should be delayed when the user types in the field
      * and [[validateOnType]] is set true.
      * If not set, it will take the value of [[ActiveForm::validationDelay]].
      */
     public $validationDelay;
     /**
      * @var array the jQuery selectors for selecting the container, input and error tags.
      * The array keys should be "container", "input", and/or "error", and the array values
      * are the corresponding selectors. For example, `['input' => '#my-input']`.
      *
      * The container selector is used under the context of the form, while the input and the error
      * selectors are used under the context of the container.
      *
      * You normally do not need to set this property as the default selectors should work well for most cases.
      */
     public $selectors = [];
     /**
      * @var array different parts of the field (e.g. input, label). This will be used together with
      * [[template]] to generate the final field HTML code. The keys are the token names in [[template]],
      * while the values are the corresponding HTML code. Valid tokens include `{input}`, `{label}` and `{error}`.
      * Note that you normally don't need to access this property directly as
      * it is maintained by various methods of this class.
      */
     public $parts = [];