在 rails form_for text_field 内插入字形图标答案

【问题标题】：Insert glyphicon inside rails form_for text_field在 rails form_for text_field 内插入字形图标
【发布时间】：2016-11-03 03:36:39
【问题描述】：

我一直在尝试找到一种将glyphicon 插入到text_field 中的方法，以获取rails form_for。这是我在 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) 之下而不是其中。因此，问题是，rails 中有没有办法在f.text_field 内放置某种i 或span 标记？我知道我可以position: relative i 元素并将其适当地放置在由f.text_field 创建的input 字段之上。

非常感谢任何答案或建议。

【问题讨论】：

标签： ruby-on-rails form-for glyphicons

【解决方案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 等。

【讨论】：

我试图将text_field 放入一个块中，但没有任何反应。当我检查元素时，它会呈现页面，就好像 i 甚至不存在一样。难道我做错了什么？我的语法实际上是复制+粘贴你所写的内容。

【解决方案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, insert span tag in form_for label custom text

【讨论】：