是否可以在 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】:

使用提交类型的&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');

【讨论】:

以上是关于是否可以在 Form::submit(' ') 中放置一个引导字形图标 - Laravel的主要内容,如果未能解决你的问题,请参考以下文章

jsp中用button提交表单数据

javascript form.submit()有无回调函数,可以返回一段信息。

$("form").submit(function() 在 Firefox 中不起作用

使用 form.submit() 时出错

form.submit() 将在表单内触发 double

js表单提交和submit提交的区别