Question

我已经在yii2基础和使用的材质设计中创建了一个表单来启用浮动标签，但是当我单击输入字段时，它的标签不浮动在上面。这是我的表格代码。

    <?php
    $form = ActiveForm::begin([
                'action' => ['index'],
                'method' => 'get',
    ]);
    ?>


    <div class="panel-body container-fluid">

        <div class="row">
            <div class="col-md-12">
                <div class="col-xs-6 col-lg-6">

                    <div class="form-group form-material floating" data-plugin="formMaterial">
                        <?= $form->field($model, 'corporation_name',[  'labelOptions' => [ 'class' => 'floating-label' ]])->textInput(['maxlength' => true, 'class' => 'form-control'])->label('Corporation Name') ?>    
                    </div>

                    <div class="form-group form-material floating" data-plugin="formMaterial">
                        <?= $form->field($model, 'user_first_name',[  'labelOptions' => [ 'class' => 'floating-label' ]])->textinput(['class' => 'form-control'])->label('Corporation Admin'); ?>
                    </div>
                </div>
                <div class="col-xs-6 col-lg-6">
                    <div class="form-group form-material floating" data-plugin="formMaterial">
                        <div class="example"> <b role="presentation"></b>
                            <?= $form->field($model, 'corporation_status')->dropDownList(Yii::$app->appstatues->status, ['prompt' => 'Status'])->label(false); ?>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="form-group form-material floating m-t-27" data-plugin="formMaterial">
                    <?= Html::submitButton('Search', ['class' => 'btn-primary btn waves-effect waves-light   waves-effect']) ?>
                    <?= Html::resetButton('Reset', ['class' => 'btn-primary btn waves-effect waves-light   waves-effect', 'onclick' => 'location.href = "/admin/corporations";']) ?>

                </div>
            </div>
        </div>

    </div>
    <?php ActiveForm::end(); ?>

</div>

谁能说出我做错了什么？

Answer 1

你看看检查元素了吗？

如果我理解你的话......

尝试删除输入表单周围的div。当您为模型绑定表单时，您已经有输入的div。试试这个......

<?= $form->field($model, 'ime',['options'=>['class'=>'form-group form-material floating', 'data-plugin'=> 'formMaterial'], 'labelOptions' => [ 'class' => 'floating-label' ]])->textInput(['maxlength' => true, 'class' => 'form-control'])->label('Corporation Name') ?>

浮动的标签在yii2中不起作用

1 个答案: