twitter-bootstrap – 如何在yii2 alpha中将bootstrap3图标添加/

发布时间：2020-12-17 20:37:04 所属栏目：安全来源：网络整理

导读：这就是我添加带有文本字段的图标的方式.还添加了生成输出的图像. 我不想使用 Krajee Yii Extensions.所以我开始阅读文档. $form = yiiwidgetsActiveForm::begin([ 'id' = 'form-id','options' = ['class' = 'form-horizontal'],'enableClientValidation'=

这就是我添加带有文本字段的图标的方式.还添加了生成输出的图像.
我不想使用 Krajee Yii Extensions.所以我开始阅读文档.

$form =  yiiwidgetsActiveForm::begin([
  'id' => 'form-id','options' => ['class' => 'form-horizontal'],'enableClientValidation'=> false,'enableAjaxValidation'=> true,'validateOnSubmit' => true,'validateOnChange' => true,'validateOnType' => true,'action' => 'youraction','validationUrl' => 'yourvalidation'
]);        

    echo $form->field($model,'fieldname')->begin();
      echo Html::activeLabel($model,'fieldname',["class"=>"col-sm-3 control-label"]); ?>
      <div class="input-group col-sm-4 ">
        <span class="input-group-addon">
          <span class="glyphicon glyphicon-subtitles"></span>
        </span>
        <?php echo Html::activeTextInput($model,[
            'class'=>'form-control','autocomplete'=>'off'
          ]
        ); ?>
      </div>
      <?php echo Html::error($model,'origin',['class' => 'help-block']);
    echo $form->field($model,'origin')->end();

yiiwidgetsActiveForm::end();

解决方法

这是一个问题,或者您正在告诉我们您是如何做到的？

您还应该能够执行以下操作：

<?= $form->field($model,['template' => '
   <div class="col-sm-2">{label}</div>n
   <div class="col-sm-10">
       <div class="input-group col-sm-4 ">
          <span class="input-group-addon">
             <span class="glyphicon glyphicon-subtitles"></span>
          </span>
          {input}
       </div>
       {error}{hint}
   </div>'])->textInput(['data-default' => '']) ?>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!