【问题标题】:How to add fa fa icons in text field, yii framework?yii框架如何在文本字段中添加fa fa图标?
【发布时间】:2018-04-08 20:29:14
【问题描述】:

这是我想在其中放置 fa fa 图标的代码。

每当我放置 <i class=fa fa-user></i> 时,它都不会显示任何内容,并且运行时不会出现错误。

<?php $form = ActiveForm::begin(['id' => 'login-form']); ?>
<?= $form->field($model, 'username') ?>

<?= $form->field($model, 'password')->passwordInput() ?>
<?= $form->field($model, 'rememberMe')->checkbox() ?>

【问题讨论】:

  • 你有没有在那个文件的头部添加了很棒的字体 CSS ..?
  • 您不能将 HTML 标签放在文本字段中,它正在寻找纯文本。但是您可以使用它们的十六进制值。这个问题在这里已经有了答案:stackoverflow.com/q/19285640/1527252
  • @GyandeepSharma 谢谢
  • 我想在 Yii 框架中编码,而不是在 HTML 中。这是我想要图标的代码。 = $form->field($model, 'username') ?>

标签: php yii yii2 font-awesome


【解决方案1】:

&lt;?= $form-&gt;field($model, 'username')-&gt;textInput(['maxlength' =&gt; 255, 'class' =&gt; 'glyphicon glyphicon-lock']) ?&gt;

【讨论】:

    【解决方案2】:

    在您的登录视图中尝试此操作

     $fieldOptions3 = [
            'options' => ['class' => 'form-group has-feedback'],
            'inputTemplate' => "{input}<span class='glyphicon glyphicon-lock form-control-feedback'></span>"
        ];
        <?= $form->field($model, 'password', $fieldOptions3)->label('Password')->passwordInput() ?>
    

    【讨论】:

      猜你喜欢
      • 2014-10-31
      • 2020-03-14
      • 1970-01-01
      • 2015-08-28
      • 1970-01-01
      • 2021-05-19
      • 1970-01-01
      • 2022-11-02
      • 2014-09-13
      相关资源
      最近更新 更多