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']) ?>

解

我在ActiveForm文档之后修改我的代码并且它有效！

代码修改：

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

Answer 1

例如，您可以使用ActiveForm字段"template"选项为输入添加一些插件。

E.g。输入结束时%插件：

<?= $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

我们可以使用伪类。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

欣赏它是否有用：）