ruby-on-rails - 在我的 Rails 应用程序中格式化表单

Question

我有一个带有表单的 Rails 应用程序。我的 css 文件已准备就绪。我只是不知道如何将 css 表单类和 id 也应用于我的 form_for 所在的创建操作页面内的字段？

 <%= form_for @user do |f| %>
  <% if @user.errors.any? %>
    <div class="error_messages">
      <h2>Form is invalid</h2>
      <ul>
        <% for message in @user.errors.full_messages %>
          <li><%= message %></li>
        <% end %>
      </ul>
    </div>
  <% end %>
  <p>
    <%= f.label :email %><br />
    <%= f.text_field :email %>
  </p>
  <p>
    <%= f.label :password %><br />
    <%= f.password_field :password %>
  </p>
  <p>
    <%= f.label :password_confirmation %><br />
    <%= f.password_field :password_confirmation %>
  </p>
  <p class="button"><%= f.submit %></p>
<% end %>

我的表单标签及其字段的 CSS 样式如下：

 id="phx-signup-form"  

电子邮件字段 css 样式：

 class="email-input"

Answer 1

尝试

<%= form_for @user, :html => { :id => 'phx-signup-form' } do |f| %>

和

<%= f.text_field :email, :class => 'email-input' %>

您可以在http://api.rubyonrails.org/classes/ActionView/Helpers/FormHelper.html上阅读更多参考资料

Answer 2

您的表单会自动获取 id，就new_user好像您的表单正在作为新表单运行一样，并且会自动获取 id，就edit_user好像您的表单正在作为编辑表单运行一样。所以你根据条件在你的css中使用id="new_user"orid="edit_user"代替。id="phx-signup-form"

对于您的表单和 <%= f.text_field :email, "", :class => 'email-input' %>电子邮件字段。去尝试一下。它可能会解决您的问题。

Answer 3

Rails API 文档是一个很好的起点。

form_for(@user, html: { id: 'phx-signup-form' })

应该让你走上正确的道路。