Question

如何使用铁路助手创建此按钮？

<button type="submit" class="btn">
 Create My Account <i class="fa"></i>
</button>

到目前为止我已经

了

<%= f.submit "Create My Account", :class => "btn" %>

Answer 1

您可以使用button表单助手并将其传递给一个块。

<%= f.button class: 'btn' do %>
  Create My Account <i class="fa"></i>
<% end %>

在http://api.rubyonrails.org/classes/ActionView/Helpers/FormBuilder.html#method-i-button

了解详情

Answer 2

https://github.com/bokmann/font-awesome-rails

在这里，您将得到您的问题的答案。

<%=f.submit (fa_icon "camera-retro", text: "Take a photo"), class: "btn" %>

Answer 3

这有用吗？

<%= f.submit "Create My Account <i class=\"fa\"></i>", :class => "btn" %>

Answer 4

有很多选择： -

        <%= f.submit (‘<i class=“fa fa-thumbs-up fa-lg”> </i>’).html_safe,:class=>"btn "%>

    --------------------------------------------------------------------

        <%= button_to update_users_path, {remote: true, class: "btn btn-small"} do %>
             Submit <i class="fa-save fa-md"></i>    
        <% end %>

    --------------------------------------------------------

        <%= button_tag( :class => "button_black") do %>
                Submit Details <i class="fa fa-reset fa-md"></i>
        <% end %>

Answer 5

已经提供了5种不同的方法。我更喜欢：

<%= f.submit :class => "btn" do %>
  Create My Account <i class="fa"></i>"
<% end %>

我认为它是最干净的。

如何创建带有图标和文本的rails按钮？

5 个答案: