【问题标题】:Is it possible to put a bootstrap glyphicon inside of a {{ Form::submit(' ')}} - Laravel是否可以在 {{ Form::submit(' ')}} 中放置一个引导字形图标 - Laravel
【发布时间】:2014-01-11 19:40:58
【问题描述】:

我想改变这个:

{{ Form::submit('Delete this User', array('class' => 'btn btn-warning')) }}

到这样的事情:

{{ Form::submit('<i class="glyphicon glyphicon-delete"></i>', array('class' => '')) }}

我知道第二个选项不正确,有人知道如何正确写吗?

【问题讨论】:

    标签: php forms twitter-bootstrap laravel


    【解决方案1】:

    使用提交类型的&lt;button&gt;,这比提交输入增加了更多的灵活性:

    {{Form::button('<i class="glyphicon glyphicon-delete"></i>', array('type' => 'submit', 'class' => ''))}}
    

    说清楚,这是类方法:

    public function button($value = null, $options = array())
    {
       if ( ! array_key_exists('type', $options) )
       {
           $options['type'] = 'button';
       }
    
        return '<button'.$this->html->attributes($options).'>'.$value.'</button>';
    }
    

    如您所见,$value 包含您放入 &lt;button&gt; 标记中的所有内容,因此将图标放在那里应该可以工作 - 我将它与 Fontawesome 图标一起使用并且效果很好,我个人倾向于使用这些图标而不是 Glyphicon但原理是一样的。

    通过使用 Form::submit(),您创建了一个 &lt;input type="submit",它不能接受 html 作为 value 属性的内容,这就是您的解决方案不起作用的原因。

    【讨论】:

    • 谢谢达米安!这也有效:{{Form::button('', array('type' => 'submit', 'class' => 'glyphicon glyphicon-remove'))}}
    • 是的,但是该类应该分配给&lt;i&gt;&lt;/i&gt;标签,而不是表单标签,尽管最终它仍然可以正常工作,但在理想情况下并不正确
    • 好吧,我按你说的放回去了 :)
    • @Anyone 如何在不生成 FORM html 的情况下创建 FORM HELPER CLASS?说真的,这里不是随便打的地方,去写一篇博文吧
    【解决方案2】:

    这对我有用

    {{ Form::button('<span class="glyphicon glyphicon-remove"></span>', array('class'=>'btn btn-default', 'type'=>'submit')) }}
    

    【讨论】:

    • 嘿,@Damiey 或其他任何人,如果我想为{!! Form:text() !!} 实现相同的功能,您能帮我怎么办吗?我们如何实现这个?任何帮助表示赞赏。
    • 你想在文本输入中实现一个字形图标?? @Tarunn
    • 也许他想在条目中放置一个按钮,就像那些用于在文本字段中显示日历的按钮一样。这可以通过引导程序完成:
      {{ Form::button('') }} -->更多按钮...
      {!!形式:文本()!!}
    【解决方案3】:

    我用Html::linkRoutes创建了一个按钮,无法实现你们之前提到的方法……有人猜到了吗?这是我的代码:

    <div class="col-md-12">
              {{ Html::linkRoute('posts.index', '<< Back to blog', [], ['class' => 'btn2 btn2-default']) }}
    </div>
    

    【讨论】:

      【解决方案4】:

      您可以将您的图标类添加到您的类数组中,例如:

      array('class' => 'btn btn-primary glyphicon glyphicon-remove');
      

      【讨论】:

        猜你喜欢
        • 2013-05-23
        • 2017-02-21
        • 2017-12-28
        • 2017-12-05
        • 1970-01-01
        • 1970-01-01
        • 2021-05-15
        • 2018-10-31
        • 1970-01-01
        相关资源
        最近更新 更多