通过bootstrap样式了解rails表单输入

Question

我正在尝试转换此

<div class="input-group">
    <span class="input-group-addon">
      <i class="material-icons">email</i>
    </span>
  <input type="text" class="form-control" placeholder="Email...">
</div>

进入＆lt;％= f.text：email％＆gt;

最终结果应该是

我尝试过，但它看起来并不相同

<div class="input-group">
  <span class="input-group-addon">
    <i class="material-icons">email</i>
  </span>
  <%= f.email_field :email, class: 'form-control', placeholder: "Email"%>
</div>

Answer 1

由于第一个是text输入标记，因此您可以使用text_field表单帮助程序以相同的方式创建输入：

<input type="text" class="form-control" placeholder="Email...">

<%= f.text_field :email, class: 'form-control', placeholder: "Email..."%>