在表單域中添加圖像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圖標。