标签浮动在 yii2 中不起作用

Floating of labels not working in yii2

提问人:Sadia 提问时间:3/31/2017 更新时间:3/31/2017 访问量:1036

问:

我在 Yii2 Basic 中创建了一个表单,并使用 Material Design 来启用浮动标签,但当我点击输入字段时,它的标签不会浮动在上面。这是我的表单代码。

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

谁能看出我做错了什么?

php css 表单 yii2

评论

0赞 tao 3/31/2017
很可能没有人会创建一个 Yii 应用程序来测试你的代码。此外,您没有指定您正在使用哪个材料设计库。但是,由于您的问题与前端有关,前端始终为 + + ,如果您创建一个最小的可重现示例,您将添加输出并链接适当的资源,以便可以在此处重现和检查问题,您将大大提高解决问题的机会,在 SO 上。至少,请指定您正在使用的 MD 库。另外,它是否正确加载?(对于页面的其余部分,我的意思是)。HTMLCSSJSHTML

答:

1赞 tigrasti 3/31/2017 #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') ?>