css - 将 html 中的 Ruby 块添加到输入类 - Twitter Bootstrap

Question

我正在尝试将 ruby​​ 块添加到 HTML 文件中的 span 类中。

<%= f.label :email =>

div & span 类如下：

<div class="input-prepend">
    <span class="add-on">
        <i class="icon-envelope"></i>
    </span>
    <input class="span" id="prependedInput" type="text" placeholder="">
</div>

我已将 ruby​​ 块放在输入类中：

<div class="input-prepend">
    <span class="add-on">
        <i class="icon-envelope"></i>
    </span>
    <input class="span <%= f.text_field :email %>" id="prependedInput" type="text" placeholder="">
</div>

我正在使用 Twitter Bootstrap，这是将 ruby​​ 块放置在 div/spans/或输入标签内的正确方法吗？

我想要做的是在输入字段中添加一个图标。当我提交文本时，它确实有效。它只是看起来很奇怪，代码和实际对象。

Answer 1

我怀疑这可能是你所追求的：

<div class="input-prepend">
  <span class="add-on"><i class="icon-envelope"></i></span>
  <%= f.text_field :email, :id => "prependedInput" %>
</div>