0

内部にフォームを含むレールアプリがあります。私の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"
4

3 に答える 3

2

試す

<%= 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でさらに参考文献を読むことができます

于 2012-08-30T02:56:31.427 に答える
0

開始するのに適した場所は、RailsAPIドキュメントです。

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

正しい道にあなたを置く必要があります。

于 2012-08-30T03:04:21.450 に答える
0

new_userフォームは、フォームが新しいフォームとして実行されているかのようにid を自動的に取得しedit_user、フォームが編集フォームとして実行されているかのように id を取得します。そのため、条件に応じて CSSの代わりにid="new_user"orを使用します。id="edit_user"id="phx-signup-form"

フォームと <%= f.text_field :email, "", :class => 'email-input' %>電子メール フィールド。やってみなよ。それはあなたの問題を解決するかもしれません。

于 2012-08-30T03:57:43.050 に答える