html - 使用 yii2 设置自动完成输入?

标签 html input autocomplete yii2

当我在事件表单中使用自动完成小部件时,如何更改输入宽度。这是我的:

<?php $form = ActiveForm::begin(['id' => 'contact-form']); ?>
<div class="col-md-6">
  <?php echo $form->field($model, 'name')
               ->label('Imię i nazwisko')
               ->widget(AutoComplete::classname(), [
                    'clientOptions' => [
                        'source' => [$data],
                     ]
               ])
  ?>
 </div>
 <div class="col-md-6">
     <?php echo $form->field($model, 'email')->label('Adres email') ?>
 </div>
 <div class="col-md-6">
     <?php echo $form->field($model, 'phone')->label('Telefon') ?>
 </div>

自动完成器小部件可以工作,但输入框有问题。从screenshot可以看出“Imięi nazwisko”自动完成框比其他框小得多。如何选择我喜欢的输入宽度?

最佳答案

感谢@aslawin 帮助解答!

<?= $form->field($model, 'name')
           ->label('Imię i nazwisko')
           ->widget(AutoComplete::classname(), [
                'clientOptions' => [
                    'source' => [$data],
                ],
                'options' => ['style'=>'width: 400px']
           ])
?>

关于html - 使用 yii2 设置自动完成输入?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33607934/

相关文章:

javascript - 使用JS移动div内的div

javascript - 如何隐藏选项卡的内容

html - 子 div 背景颜色 HTML 雅虎电子邮件有问题

html - 在 CSS 中,为什么文本缩进有巨大的负值

html - OnChange typescript 输入

jquery - Django、jQuery 和自动完成

html - 更好的文本区域输入

c++ - 如何读取二进制数作为输入?

PHP Vim 自动完成

android - 如何替换 MultiAutoCompleteTextView 下拉列表