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样式的表单标签及其fiels如下：

 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

一个好的起点是Rails API documentation。

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

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

Answer 3

如果您的表单作为新表单运行，您的表单会自动将ID设为new_user，如果您的表单作为编辑表单运行，则表单将ID设为edit_user。因此，根据条件，您可以在css中使用id="new_user"或id="edit_user"代替id="phx-signup-form"。

适用于您的表单，<%= f.text_field :email, "", :class => 'email-input' %>适用于电子邮件字段。就试一试吧。它可以解决你的问题。

格式化我的rails应用程序中的表单

3 个答案: