<?php $form = ActiveForm::begin([ 'options'=>['enctype'=>'multipart/form-data','class' => 'form-horizontal'], 'fieldConfig' => [ //統一修改字段的模板 'template' => "{label}\n<div class=\"col-lg-5\">{input}</div>\n<div class=\"col-lg-3\">{error}</div>",
//修改顯示內容默認為{label}\n{input}\n{hint}\n{error} \n是html代碼顯示時的換行
'labelOptions' => ['class' => 'col-lg-2 control-label'], //修改label的樣式 ], ]); ?>
//修改某字段的樣式
<?= $form->field($model, 'img_path',[ 'template' => "{label}\n<div class=\"col-lg-3\">{input}</div>\n<div class=\"col-lg-2\"><label for=\"uploadImg\" class=\"btn btn-default forfocus1\" onclick=\"changeImg(1,'forfocus');\">選擇圖片<img src=\"\"></label></div>\n{error}", 'labelOptions' => ['class' => 'col-lg-2 control-label'], ])->textInput(['maxlength' => 255,'placeholder'=>'專題圖片','readonly'=>true])->label('專題名稱')->hint('錯誤提示信息') ?>
以下為一個完整的例子
<?php $form = ActiveForm::begin([ 'options'=>['enctype'=>'multipart/form-data','class' => 'form-horizontal'], 'fieldConfig' => [ 'template' => "{label}\n<div class=\"col-lg-5\">{input}</div>\n<div class=\"col-lg-5\">{error}</div>", 'labelOptions' => ['class' => 'col-lg-2 control-label'], ], ]); ?> <?= $form->field($model, 'title')->textInput(['maxlength' => 255,'placeholder'=>'請輸入專題名稱'])->label('專題名稱') ?> <?= $form->field($model, 'img_path',[ 'template' => "{label}\n<div class=\"col-lg-3\">{input}</div>\n<div class=\"col-lg-2\"><label for=\"uploadImg\" class=\"btn btn-default forfocus1\" onclick=\"changeImg(1,'forfocus');\">選擇圖片<img src=\"\"></label></div>\n{error}", 'labelOptions' => ['class' => 'col-lg-2 control-label'], ])->textInput(['id'=>'img_path','maxlength' => 255,'placeholder'=>'專題圖片','readonly'=>true])->label('專題名稱') ?> <?= $form->field($model, 'showImg',[ 'template' => "{label}\n<div id=\"showImg\" class='col-lg-10'></div>", 'labelOptions' => ['class' => 'col-lg-2 control-label'], ])->label('圖片預覽') ?> <?= $form->field($model, 'link_to')->textInput(['maxlength' => 255,'placeholder'=>'請輸入專題鏈接'])->label('專題鏈接') ?> </div> <div class="form-group" style="margin-left: 50px;"> <?= Html::submitButton($model->isNewRecord ? Yii::t('app', 'Create') : Yii::t('app', 'Update'), ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary']) ?> </div> <?php ActiveForm::end(); ?>