Yii2 文本框前加图标 input 添加属性的方法

Posted William Shaw技术博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Yii2 文本框前加图标 input 添加属性的方法相关的知识,希望对你有一定的参考价值。

技术分享

<?= $form->field($model, ‘username‘, [
    ‘inputTemplate‘ => ‘<div class="input-group"><span class="input-group-addon">@</span>{input}</div>‘,
])?>

添加属性的方法(注意inputOptions的使用):

<?= $form->field($model, ‘username‘, [
    ‘inputTemplate‘ => ‘<div class="input-group"><span class="input-group-addon">@</span>{input}</div>‘,
    ‘inputOptions‘ => [
        ‘placeholder‘ => $model->getAttributeLabel(‘username‘),
    ],
])?>

 

以上是关于Yii2 文本框前加图标 input 添加属性的方法的主要内容,如果未能解决你的问题,请参考以下文章

练习-为网页添加icon图标;为网页添加关键字/作者;超链接;input的type属性有哪些常用属性值-form表单

input如何添加图标

可以在文本框的placeholder=""插入搜索图标吗?

Yii2:如何使用 jQuery 使 <div> 禁用/只读

如何在ionic 5中使文本输入中的图标可点击

使用文本而不是图标时自定义 Material UI Table 图标属性的字体