Rails 表单辅助方法 速查表

本文根据 Devhints / Rails form helpers 翻译。代码示例及版本范围沿用原文。

表单构建器

表单构建器

- form_for @post do |f|

字段名称将添加前缀 post （即类名），且值将从该对象中获取（例如， f.text_field :name 来自 @post.name).

选项

- form_for @post, |
  url: { method: 'put', action: 'create' }, |
  html: { class: 'nifty_form' } |
  do |f|

字段

文本

f.text_field :title
f.text_area :body, size: '60x12'

复选框

f.check_box :remember_me
f.label :remember_me, "Remember me"

单选按钮

f.radio_button :gender, 'male'
f.label :gender_male, "Male"

f.radio_button :gender, 'female'
f.label :gender_female, "Female"

标签 (Label)

f.label :title
f.label :title, "Title"
f.label :title, "Title", class: "title"
f.label(:post, :terms) { "Accept terms" }

提交按钮

f.submit "Create"

隐藏字段

f.hidden_field :id

杂项

模型 (Model)

f.object

字段所属对象

= form_for @post do |f|
  = fields_for :author, @post.author do |ff|
    = ff.text_field :name

下拉选择框

f.select :city_id, [['Lisbon',1], ['Madrid',2], ...], 4
# (4 = selected)

options_for_select [['Lisbon',1], ['Madrid',2], ...], 4
# Just makes <option> tags

集合（Collections）

f.collection_radio_buttons :author_id, Author.all, :id, :name_with_initial
f.collection_select :city_id, City.all, :id, :name
# (field, collection, value_key, label_key)

时间选择器

f.time_zone_select :time_zone
f.date_select :birthday

I18n

helpers:
  submit:
    # helpers.submit.<action>
    create: "Create a %{model}"
    update: "Confirm changes to %{model}"

    # helpers.submit.<model>.<action>
    article:
      create: "Publish article"
      update: "Update article"

  # helpers.label.<model>.<field>
  label:
    post:
      body: "Your body text"

外部 f

radio_button("post", "category", "rails")
radio_button("post", "category", "java")

# picks from @post.category
# <input type="radio" id="post_category_rails" name="post[category]"
#  value="rails" checked="checked" />

参考资料

select(method, choices = nil, options = {}, html_options = {}, &block)
  choices == [ ['label', id], ... ]

submit(value=nil, options={})