submit_tag 在 rails4 视图中无法使用正确的 css

Posted 2023-02-26

【中文标题】submit_tag 在 rails4 视图中无法使用正确的 css

【英文标题】：submit_tag is not working with correct css in rails4 view

【发布时间】：2015-06-03 13:00:46

【问题描述】：

您好，我必须在我的 rails 代码中给出以下视图

<div class="col s12 m2"> 
   <button class="btn waves-effect waves-light btn-medium custom_btn_gray right margin_T20" type="submit" name="action">Search  
  </button>
</div>

因此，为此我包含了以下 Rails 视图代码：

<div class='col s12 m2'>
   <%= submit_tag('search', class: 'btn waves-effect waves-light btn-medium custom_btn_gray right margin_T20')%>
</div>

这进一步给出了这种类型的html：

<div class="col s12 m2">
            <i class="btn waves-effect waves-light btn-medium custom_btn_gray right margin_T20 waves-input-wrapper" style=""><input type="submit" class="waves-button-input" value="search" name="commit"></i>
  </div>

但我不想要这个我想要的像上面的 html 。请指导我哪里出错了。提前致谢。

【问题讨论】：

这不应该发生，也许你已经覆盖了 submit_tag 请检查你的助手。

【参考方案1】：

您需要使用button_tag:

<%= button_tag('search', class: 'btn waves-effect waves-light btn-medium custom_btn_gray right margin_T20')%>

这里是doc

【讨论】：

对不起，我可以使用 button_tag。因为我首先使用表单标签来实现表单，以便提交此表单。我必须使用 submit_tag。 _

我很确定如果你这样做<%= form_tag('/posts') do -%> <div><%= button_tag 'search' %></div> <% end -%> 它会起作用

【参考方案2】：

试试这个：

<div class='col s12 m2'>
 <%= submit_tag "Search", :class => "btn waves-effect waves-light btn-medium custom_btn_gray right margin_T20" %>
</div>

【参考方案3】：

然后使用 button_tag 试试这个

<%= button_tag(type: 'submit', class: "btn waves-effect waves-light btn-medium custom_btn_gray right margin_T20") do %> Search
<% end %>