フォームフィールドに画像を追加する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アイコンを使っています。