是否可以在 Form::submit(' ') 中放置一个引导字形图标 - Laravel
Posted
技术标签:
【中文标题】是否可以在 Form::submit(\' \') 中放置一个引导字形图标 - Laravel【英文标题】: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' => ''))
我知道第二个选项不正确,有人知道如何正确写吗?
【问题讨论】:
【参考方案1】:使用提交类型的<button>
,这比提交输入增加了更多的灵活性:
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
包含您放入 <button>
标记中的所有内容,因此将图标放在那里应该可以工作 - 我将它与 Fontawesome 图标一起使用并且效果很好,我个人倾向于使用这些图标而不是 Glyphicon但原理是一样的。
通过使用 Form::submit()
,您创建了一个 <input type="submit"
,它不能接受 html 作为 value
属性的内容,这就是您的解决方案不起作用的原因。
【讨论】:
谢谢达米安!这也有效:Form::button('', array('type' => 'submit', 'class' => 'glyphicon glyphicon-remove')) 是的,但是该类应该分配给<i></i>
标签,而不是表单标签,尽管最终它仍然可以正常工作,但在理想情况下并不正确
好吧,我按你说的放回去了 :)
@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');
【讨论】:
以上是关于是否可以在 Form::submit(' ') 中放置一个引导字形图标 - Laravel的主要内容,如果未能解决你的问题,请参考以下文章
javascript form.submit()有无回调函数,可以返回一段信息。