YII2 activeform样式修改
2017-02-17 15:07
183 查看
原文地址: http://www.cnblogs.com/benlightning/p/4536392.html
以下为一个完整的例子
<?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(); ?>
相关文章推荐
- YII2 activeform样式修改
- Yii2 Form表单样式修改
- yii2 常用ActiveForm表单样式用法总结
- Yii2 Form表单样式修改
- PHOTOSHOP 开发脚本初入 批量修改文字样式
- word修改正文样式影响标题样式
- Qt下TreeView修改分支样式
- 谈谈yii2-GridView如何实现列表页直接修改数据
- phpcms分页样式修改
- 如何修改LaTeX的默认文章样式
- ecshop 浏览历史样式的修改
- 修改 PhpStorm 的字体和样式
- 修改Android应用的样式的一些关键点解析
- v7 AlertDialog修改样式(背景颜色字体动画)
- 在项目开发中,jsp页面不会少了,如何公用页面(添加页面和修改页面)和公用样式代码(css,js)?
- struts之修改fielderror修改样式
- Vue修改mint-ui默认样式的方法
- 修改默认滚动条样式
- input框placeholder样式修改
- 如何修改系统默认店招的背景及其样式?