Question

这是我想要的输出：

<button type="submit" class="btn btn-large btn-search btn-primary">
  <i class="icon icon-search"></i> Find Your Apartment
</button>

如果我是为链接而不是按钮做这个，我可能会做这样的事情：

<%= link_to root_path do %>
  <i class="icon icon-search"></i> Find Your Apartment
<% end %>

但鉴于我正在使用Rails表单助手，我不太确定如何使用f.submit执行此操作。

我试过了：

<%= f.submit, :class => "btn btn-large btn-search btn-primary" do %>
  <i class="icon icon-search"></i> Find Your Apartment
<% end %>

这给了我一个语法错误。

思想？

修改1：

对于它的价值，这不会给我语法错误，但它不会呈现图标或“查找你的公寓”文字：

<%= f.submit "Find Your Apartment", :class => "btn btn-large btn-search btn-primary" do %>
  <i class="icon icon-search"></i> Find Your Apartment
<% end %>

Answer 1

您可以使用按钮标记

<%= button_tag(type: 'submit', class: "btn btn-large btn-search btn-primary") do %>
 <i class="icon icon-search"></i> Find Your Apartment
<% end %>

如何使用带有rails form helper的图标创建此HTML5按钮？

1 个答案: