将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标签