如何在rails4中的f.submit中给出图标类

Posted 2023-02-26

【中文标题】如何在rails4中的f.submit中给出图标类

【英文标题】：How to give icon class in f.submit in rails4

【发布时间】：2015-05-21 04:55:34

【问题描述】：

嗨，我想在我的 Rails 代码中给出这个

<div class="col s12 center-align">
    <button name="action" type="submit" class="btn waves-effect waves-light btn-large custom_btn_gray">Submit <i class="mdi-content-send right"></i> </button>
</div>

为此，我已经在我的 Rails 表单中写了这个

<div class="col s12 center-align">
   <%= f.submit 'Submit<i class="mdi-content-send right"></i> ', :class => 'btn waves-effect waves-light btn-large custom_btn_gray'%>
 </div>

所以上面的rails表单代码给出了这种类型的html

<div class="col s12 center-align">
    <i class="btn waves-effect waves-light btn-large custom_btn_gray waves-input-wrapper" style=""><input type="submit" class="waves-button-input" value="Submit&lt;i class=&quot;mdi-content-send right&quot;&gt;&lt;/i&gt; " name="commit"></i>
 </div>

请指导我如何解决它。提前致谢。

【参考方案1】：

您可以使用 button_tag 代替：

<div class="col s12 center-align">
   <%= button_tag( :class => "btn waves-effect waves-light btn-large custom_btn_gray") do %>
      Submit <i class="mdi-content-send right"></i>
   <% end %>
</div>

【讨论】：

它正确显示 css 但没有重定向到我的表单操作

你在表单标签中添加了这个吗？

【参考方案2】：

您可以使用格式化按钮中的内容

<%= f.submit class: 'btn waves-effect waves-light btn-large custom_btn_gray' do %>
  Submit
  <%= content_tag 'i', '', class: 'mdi-content-send right' %>
<% end %>

【讨论】：

FormBuilder 提交不接受块参数，只有 button_tag 接受。

感谢您指出。我在学习 Rails 的最初几天回答了这个问题。 @FilipeGorgesReuwsaat

【参考方案3】：

您好，只需复制即可解决此问题

<div class="col s12 center-align">
    <button name="action" type="submit" class="btn waves-effect waves-light btn-large custom_btn_gray">Submit <i class="mdi-content-send right"></i> </button>
</div>

这在我的表单中，并且我的表单也可以正常工作。