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

Posted 2023-03-14

【中文标题】Laravel 表单：输入按钮不显示 HTML 图标

【英文标题】：Laravel Form: Input Button Not Showing HTML Icon

【发布时间】：2016-02-21 08:34:59

【问题描述】：

我正在 Laravel 中使用 Form 创建一个按钮：

!! Form::submit('<i class="fa fa-trash"></i>', ["class"=>"btn btn-default"]) !!

按钮文字变成：

<i class="fa fa-trash"></i>

我只看到这个字符串，而不是图标：如何修复它？

【问题讨论】：

有什么问题？

按钮没有显示图标

想添加fa fa-trash css 代码吗？

【参考方案1】：

尝试使用Form::button 而不是Form::submit：

 Form::button('<i class="fa fa-trash"></i>', ['type' => 'submit', 'class' => 'btn btn-default'] )  

它将创建一个类型为submit 的button 标记，而不是input 标记。

这样图标的 html 应该在标签内容中呈现并且应该是可见的。

相反，通过像您一样使用input 标记，图标的html 字符串将在input 标记的value 属性内打印结束，在这里它无法呈现为有效的html

【讨论】：

yapp 可以了，现在我有新问题 Form::button('', ['type' => 'submit ', 'class' => 'btn btn-default', 'onclick'=>'return confirm("Are you sure to delete $size->size?")']) 如何显示可变大小？它只显示纯文本

试试这个方法：'onclick' => 'return confirm("Are you sure you want to delete ' . $size->size . '?")'