將glyphicon插入rails form_for text_field

Question

我一直在嘗試找到一種方法來將glyphicon插入rails form_for的text_field中。 這是我在rails中設置表單的方式：

<div class="form-group">
  <%= f.text_field :first_name, :class => "form-control input-sm", :name => "first_name", placeholder: "First Name" %>
  <i class="glyphicon glyphicon-info-sign" aria-hidden="true"></i>
</div>

因此很明顯，這會將f.text_field和i標記視為單獨的元素。 因此， i將放置在f.text_field(input)下方，而不是在其中。 因此，問題就來了，有沒有辦法在f.text_field內部放置某種i或span標簽？ 我知道我可以position: relative對於i元素，並將其適當地放在由f.text_field創建的input字段的f.text_field 。

任何答案或建議，不勝感激。

Answer 1

您可以使用一個塊來做到這一點。 試試這個

<div class="form-group">
  <%= f.text_field :first_name, :class => "form-control input-sm", :name => "first_name", placeholder: "First Name" do %>
    <i class="glyphicon glyphicon-info-sign" aria-hidden="true"></i>
  <% end %>
</div>

這種塊語法也適用於其他助手，例如link_to，button_to等。

Answer 2

編輯：看起來我以前弄亂了我的答案。 希望這可以幫助。

您可以將字段轉換為do塊，如下所示：

<%= f.text_field :first_name do %>
  :name => "first_name",
  :placeholder => "First Name",
  :class => "form-control input-sm",
  :html => "<i class="glyphicon glyphicon-info-sign></i>"
<% end %>

我認為這個問題的答案提供了很多細節：

Rails，在form_for標簽自定義文本中插入span標簽