在表单字段 yii2 中添加图像

Question

我需要将图像添加到 yii2 的表单字段中。我找不到如何做到这一点的示例。我需要做这样的事情：

我知道如何添加占位符并做到这一点，但不知道如何添加图像。

<?= $form->field($model, 'email')->textInput()->input('email',['placeholder' => "E-mail"])->label(false); ?>

Answer 1

我认为最简单的方法是使用 CSS。

<div class="input_container">
    <span class="input_placeholder_icon"><i class="fa fa-envelope-o" aria-hidden="true"></i></span>
    <?= $form->field($model, 'email')->textInput()->input('email',['placeholder' => "E-mail"])->label(false); ?>
</div>

在你的 CSS 中：

.input_container{
position: relative;
}

.input_placeholder_icon{
position: absolute;
top: 2px;
color: red;
left: 2px;
font-size: 21px;
width: 50px;
}

您可以根据需要更改 CSS 中的一些设置。我在示例中使用了 font-awesome 图标。