Laravel 5 Form 输入不采用 Bootstrap 类

Posted

技术标签:

【中文标题】Laravel 5 Form 输入不采用 Bootstrap 类【英文标题】:Laravel 5 Form inputs are not taking class Bootstrap 【发布时间】:2015-09-21 15:38:53 【问题描述】:

我正在尝试在 Laravel 5 中创建自己的/自定义表单刀片模板,但我看到只有输入 Form::text 正在从数组 (['class' => 'form- control']) 尽管其他输入具有正确的值:

!! Form::open(['url' => 'ingreso']) !!

    <div class="form-group">
        !! Form::label('email', 'E-mail:', ['class' => 'control-label']) !!
        !! Form::email('email', null, ['class' => 'form-control']) !!
    </div>

    <div class="form-group">
        !! Form::label('password', 'Contrase&ntilde;a:', ['class' => 'control-label']) !!
        !! Form::password('password', '', ['class' => 'form-control']) !!
    </div>

    <div class="form-group">
        !! Form::label('remember', 'Recordarme:', ['class' => 'control-label']) !!
        !! Form::checkbox('remember', Input::has(''), ['class' => 'form-control']) !!
    </div>

    <div class="form-group">
        !! Form::submit('Ingresar', ['class' => 'btn btn-primary']) !!
    </div>
!! Form::close() !!

这向我展示了以下内容:

源代码中的这个:

<form method="POST" action="***" accept-charset="UTF-8"><input name="_token" type="hidden" value="4BRX8b03ycb7AU4J0iCCXhSWFfxaMC6ugZ19oy75">

    <div class="form-group">
        <label for="email" class="control-label">E-mail:</label>
        <input class="form-control" name="email" type="email" id="email">
    </div>

    <div class="form-group">
        <label for="password" class="control-label">Contrase&ntilde;a:</label>
        <input name="password" type="password" value="" id="password">
    </div>

    <div class="form-group">
        <label for="remember" class="control-label">Recordarme:</label>
        <input checked="checked" name="remember" type="checkbox" value="" id="remember">
    </div>

    <div class="form-group">
        <input class="btn btn-primary" type="submit" value="Ingresar">
    </div>
</form>

有什么线索吗?

【问题讨论】:

【参考方案1】:

密码字段没有作为第二个参数传递的默认值,因为如果出现表单错误,密码不是您要重新填充的字段。这意味着第二个参数实际上是传递给输入元素的属性数组:

!! Form::password('password', ['class' => 'form-control']) !!

你可以从FormBuilder类here看到实际的方法定义。

【讨论】:

真的很有帮助。我正在关注 Laracasts 上的 Joffrey Way 教程,并且应该在 Laravel5 上工作,但它没有,现在它是。谢谢。

以上是关于Laravel 5 Form 输入不采用 Bootstrap 类的主要内容,如果未能解决你的问题,请参考以下文章

验证失败时,Laravel 5.3 表单不保留旧输入

Laravel 5.4 - 拖放不起作用

(Laravel)表单验证不返回旧输入

Laravel 表单:输入按钮不显示 HTML 图标

如何使用 proengsoft/laravel-jsvalidation 和 Laravel 5 验证数组输入

在laravel 5.6中使用ajax序列化Form动态图像字段