html 形式的正确 erb 等价物是什么？

Question

我有以下 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>

Answer 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' %>

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

您可以保持所有 div 不变。

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

Answer 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 %>

html 形式的正确 erb 等价物是什么？

What is the correct erb equivalent of the html form?

html

forms

ruby-on-rails

erb