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"选项向输入添加一些插件。

例如输入结尾处的%插件：

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

欣赏它是否有用:)