将 rails erb 语法输入到 bootstrap 4 表单中答案

【问题标题】：inputing rails erb syntax into bootstrap 4 form将 rails erb 语法输入到 bootstrap 4 表单中
【发布时间】：2017-08-29 19:46:05
【问题描述】：

我正在尝试将这个 rails 生成的表单实现为我发现的引导程序表单，但无法找出正确的语法来让它看起来/正常工作。

这是 rails erb 语法

    <%= form_tag users_sessions_path do %>

            <%= label_tag :email %>
            <%= text_field_tag :email %>
        <p>
            <%= label_tag :password %>
            <%= password_field_tag :password %>
        </p>

        <p>
            <%= submit_tag 'Log In' %>
        </p>
<% end %>

这是引导形式

 <form>
  <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Email">
    <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
  </div>
  <div class="form-check">
    <label class="form-check-label">
      <input type="checkbox" class="form-check-input">
      Check me out
    </label>
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

【问题讨论】：

标签： ruby-on-rails ruby twitter-bootstrap syntax erb

【解决方案1】：

给你。你真的应该咨询RoR api documents。

<%= form_tag users_sessions_path do %>
  <div class="form-group">
    <%= label_tag :email, 'Email address' %>
    <%= text_field_tag :email, nil, class: 'form-control', id: 'exampleInputEmail1', placeholder: 'Email' %>
    <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
  </div>
  <div class="form-group">
    <%= label_tag :password %>
    <%= password_field_tag :password, nil, class: 'form-control', id: 'exampleInputPassword1', placeholder: 'Password' %>
  </div>
  <div class="form-check">
    <label class="form-check-label">
      <%= check_box_tag :remember_me, true, false, class: 'form-check-input' %>
      Check me out
    </label>
  <%= submit_tag 'Submit' %>
<% end %>

【讨论】：

【解决方案2】：

ERB <%= form_tag %> 、 <%= label_tag %> 等是创建 HTML <form> 和 <label> 标记的助手（因此是 ERB 名称）

将您的 Boostrap 表单更改为 ERB 就像复制 div 和 classes/id 一样简单

<%= form_tag users_sessions_path do %>
  <div class="form-group">
    <%= label_tag :email %>
    <%= text_field_tag :email,  class: 'form-control', 
                                id: 'exampleInputEmail1', 
                                aria-describedby: 'emailHelp',
                                placeholder: 'Email' %>
  </div>

<!-- Continue with the rest of your code -->

<% end %>

【讨论】：