html 表单的正确 erb 等价物是什么？答案

【问题标题】：What is the correct erb equivalent of the html form?html 表单的正确 erb 等价物是什么？
【发布时间】：2018-06-14 04:47:31
【问题描述】：

我有一个表单的以下 html 代码。除了我想使用 erb form_for 创建新联系人之外，我想保持外观完全一样。该表单应由Contacts 控制器 处理，并且定义的实例变量称为@contact。什么是正确的 erb 以保持完全相同的外观，而是使用

 <% form_for @contact do |f| %>
        #code
  <% end %>

下面是原始的 html 表单。提前致谢。

<div class="contact_from">
                    <form action="#" method="post">
                        <!-- Message Input Area Start -->
                        <div class="contact_input_area">
                            <div class="row">
                                <!-- Single Input Area Start -->
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <input type="text" class="form-control" name="name" id="name" placeholder="Your Name" required>
                                    </div>
                                </div>
                                <!-- Single Input Area Start -->
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <input type="email" class="form-control" name="email" id="email" placeholder="Your E-mail" required>
                                    </div>
                                </div>
                                <!-- Single Input Area Start -->
                                <div class="col-12">
                                    <div class="form-group">
                                        <textarea name="message" class="form-control" id="message" cols="30" rows="4" placeholder="Your Message *" required></textarea>
                                    </div>
                                </div>
                                <!-- Single Input Area Start -->
                                <div class="col-12">
                                    <button type="submit" class="btn submit-btn">Send Now</button>
                                </div>
                            </div>
                        </div>
                        <!-- Message Input Area End -->
                    </form>
                </div>

【问题讨论】：

标签： html ruby-on-rails forms erb

【解决方案1】：

使用下面的活动视图表单助手：

<%= form_for @contact do |f| %>
<% end %>

并替换 <input type="text" class="form-control" name="name" id="name" placeholder="Your Name" required> 带有以下活动视图助手

<%= f.text_field :name, required: true, class: 'form-control' %>

并为其他输入标签做类似的事情。

您可以保持所有divs 原样。

阅读this doc 以获得更好的理解。

【讨论】：

【解决方案2】：

您将 div 放入您的 rails form_for 方法中。并使用帮助器来创建输入字段。

<% form_for @contact, :url => {:action => "#"}, method: 'post' do |f| %>
<div class="contact_from">
  <!-- Message Input Area Start -->
  <div class="contact_input_area">
    <div class="row">
      <!-- Single Input Area Start -->
      <div class="col-md-12">
        <div class="form-group">
          <%= f.text_field :name, required: true, class: 'form-control', placeholder: "Your Name" %>
        </div>
      </div>
      <!-- Single Input Area Start -->
      <div class="col-md-12">
        <div class="form-group">
          <%= f.text_field :email, required: true, class: 'form-control', placeholder: "Your E-mail" %>
        </div>
      </div>
      <!-- Single Input Area Start -->
      <div class="col-12">
        <div class="form-group">
          <%= f.text_area :message, required: true, :size => "30x4", class: 'form-control', placeholder: 'Your Message *' %>
        </div>
      </div>
      <!-- Single Input Area Start -->
      <div class="col-12">
        <button type="submit" class="btn submit-btn">Send Now</button>
      </div>
    </div>
  </div>
  <!-- Message Input Area End -->
</div>
<% end %>

【讨论】：