在表单字段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图标。