Yii2：入力フィールドの前後にシンボルを追加する方法

Question

入力テキストの前後にシンボルを追加するにはどうすればよいですか？ちょうど画像のように添付します。

マイコード：

<?= $form->field($model_product, 'percent')->textInput(['class'=>'smallInputFormInline'])->label('Percent',['class'=>'labelModalFormInline']) ?> 

<?= $form->field($model_product, 'percent_all')->textInput(['class'=>'smallInputFormInline'])->label('Percent All',['class'=>'labelModalFormInline']) ?> 

<?= $form->field($model_product, 'amount')->textInput(['class'=>'smallInputFormInline'])->label('Amount',['class'=>'labelModalFormInline']) ?> 

SOLUTION

私はのActiveFormのドキュメント以下の私のコードを変更し、それが動作します！

コードは変更：

<?= $form->field($model_product, 'amount', ['template' => '{label}${input}'])->textInput(['class'=>'smallInputFormInline'])->label('Amount',['class'=>'labelModalFormInline']) ?> 

Answer 1

であれば、あなたがのActiveFormフィールド"template"オプションを使用して入力するいくつかのアドオンを追加することができ感謝しています。

など。入力の最後に%アドオン：

<?= $form->field($model_product, 'percent', [ 
      'template' => '{beginLabel}{labelTitle}{endLabel}<div class="input-group">{input} 
      <span class="input-group-addon">%</span></div>{error}{hint}' 
     ]); ?> 

Answer 2

を私たちにできる疑似クラスを使用します。

.input-symbol { 
 
    position: relative; 
 
    padding: 20px; 
 
} 
 
.input-symbol:before { 
 
    content: "\0024"; 
 
    position: absolute; 
 
    left:0; 
 
    
 
} 
 
.input-symbol:after { 
 
    content: "\0024"; 
 
    position: absolute; 
 
}

<div class="input-symbol"> 
 
    <input type="text"> 
 
</div>

それはたとえば便利:)