Railsドキュメント(v6.0.2.1)

form_for(モデルオブジェクト [, オプション]) do |f|
  フォームの本体
end

form_for(@user) do |f|
end
# <form action="/users" class="new_user" id="new_user" method="post">
# </form>

form_for @user, url: {action: 'update'} do |f|
end
# <form action="/users/update" class="new_user" id="new_user" method="post">
# </form>

form_for(@user, html: {multipart: true}) do |f|
end
# <form action="/users" class="new_user" enctype="multipart/form-data" id="new_user" method="post">
# </form>

form_for(@person, as: :client) do |f|
end
# params[:client]で取得できるようになる

form_for(@post, format: :json) do |f|
end

form_for(@post, remote: true) do |f|
end
# <form action='http://www.example.com' method='post' data-remote='true'>
# <input name='_method' type='hidden' value='patch' />
# </form>

form_for(@post, data: { behavior: "autosave" }, html: { name: "go" }) do |f|
end
# <form action='http://www.example.com' method='post' data-behavior='autosave' name='go'>
# <input name='_method' type='hidden' value='patch' />
# </form>

form_for @invoice, url: external_url, authenticity_token: 'external_token' do |f|
end

form_for @invoice, url: external_url, authenticity_token: false do |f|
end

form_tag(リンク先 [オプション or HTML属性 or イベント属性]) do
end

<%= form_tag('/users') do %>
<% end %>
# <form action="users" method="put">
# </form>

<%= form_tag('/users', method: :put) do %>
<% end %>
# <form action="users" method="post">
# </form>

<%= form_tag('/users', multipart: true) do %>
<% end %>
# <form action="users" method="post" enctype="multipart/form-data">
# </form>

<%= form_tag('/posts', remote: true) %>
# <form action="/posts" method="post" data-remote="true">

form_tag('http://far.away.com/form', authenticity_token: "cf50faa3fe97702ca1ae")

form_with(モデル or スコープ or URL [, オプション])

<%= form_with url: posts_path do |form| %>
  <%= form.text_field :title %>
<% end %>
# <form action="/posts" method="post" data-remote="true">
#  <input type="text" name="title">
# </form>

<%= form_with model: Post.new do |form| %>
  <%= form.text_field :title %>
<% end %>
# <form action="/posts" method="post" data-remote="true">
# <input type="text" name="post[title]">
# </form>

<%= form_with scope: :post, url: posts_path do |form| %>
  <%= form.text_field :title %>
<% end %>
# <form action="/posts" method="post" data-remote="true">
# <input type="text" name="post[title]">
# </form>

form_with(model: @post, url: super_posts_path)

check_box(オブジェクト名, メソッド名 [, オプション, checked_value = "1", unchecked_value = "0"])

f.check_box(メソッド名 [, オプション, checked_value = "1", unchecked_value = "0"])

check_box 'page', 'freezeflag', {}, true, false
# <input name="page[freezeflag]" type="hidden" value="false" /><input id="page_freezeflag" name="page[freezeflag]" type="checkbox" value="true" />

check_box 'page', 'freezeflag', {checked: true}, true, false
# <input name="page[freezeflag]" type="hidden" value="false" /><input checked="checked" id="page_freezeflag" name="page[freezeflag]" type="checkbox" value="true" />

check_box 'page', 'freezeflag', {disabled: true}, true, false
# <input name="page[freezeflag]" type="hidden" value="false" /><input disabled="disabled" id="page_freezeflag" name="page[freezeflag]" type="checkbox" value="true" />

check_box 'page', 'freezeflag', {tabindex: 1}, true, false
# <input name="page[freezeflag]" type="hidden" value="false" /><input id="page_freezeflag" name="page[freezeflag]" tabindex="1" type="checkbox" value="true" />

check_box 'page', 'freezeflag', {accesskey: 'k'}, true, false
# <input name="page[freezeflag]" type="hidden" value="false" /><input accesskey="k" id="page_freezeflag" name="page[freezeflag]" type="checkbox" value="true" />

f.check_box 'freezeflag', {}, true, false
# <input name="page[freezeflag]" type="hidden" value="false" /><input id="page_freezeflag" name="page[freezeflag]" type="checkbox" value="true" />

f.check_box 'freezeflag', {checked: true}, true, false
# <input name="page[freezeflag]" type="hidden" value="false" /><input checked="checked" id="page_freezeflag" name="page[freezeflag]" type="checkbox" value="true" />

f.check_box 'freezeflag', {disabled: true}, true, false
# <input name="page[freezeflag]" type="hidden" value="false" /><input disabled="disabled" id="page_freezeflag" name="page[freezeflag]" type="checkbox" value="true" />

f.check_box 'freezeflag', {tabindex: 1}, true, false
# <input name="page[freezeflag]" type="hidden" value="false" /><input id="page_freezeflag" name="page[freezeflag]" tabindex="1" type="checkbox" value="true" />

f.check_box 'freezeflag', {accesskey: 'k'}, true, false
# <input name="page[freezeflag]" type="hidden" value="false" /><input accesskey="k" id="page_freezeflag" name="page[freezeflag]" type="checkbox" value="true" />

check_box_tag(要素名 [, value値, checked = false, オプション or HTML属性 or イベント属性])

check_box_tag 'page[freezeflag]', true, false, {}
# <input id="page_freezeflag" name="page[freezeflag]" type="checkbox" value="true" />

check_box_tag 'page[freezeflag]', true, true, {}
# <input checked="checked" id="page_freezeflag" name="page[freezeflag]" type="checkbox" value="true" />

check_box_tag 'page[freezeflag]', true, false, {disabled: true}
# <input disabled="disabled" id="page_freezeflag" name="page[freezeflag]" type="checkbox" value="true" />

check_box_tag 'page[freezeflag]', true, false, {tabindex: 1}
# <input id="page_freezeflag" name="page[freezeflag]" tabindex="1" type="checkbox" value="true" />

check_box_tag 'page[freezeflag]', true, false, {accesskey: 'k'}
# <input accesskey="k" id="page_freezeflag" name="page[freezeflag]" type="checkbox" value="true" />

radio_button(オブジェクト名, メソッド名, value値 [, オプション])

f.radio_button(メソッド名, value値 [, オプション])

radio_button 'page', 'category', 'rails_base'
# <input id="page_category_rails_base" name="page[category]" type="radio" value="rails_base" />

radio_button 'page', 'category', 'rails_base', checked: true
# <input checked="checked" id="page_category_rails_base" name="page[category]" type="radio" value="rails_base" />

radio_button 'page', 'category', 'rails_base', disabled: true
# <input disabled="disabled" id="page_category_rails_base" name="page[category]" type="radio" value="rails_base" />

radio_button 'page', 'category', 'rails_base', tabindex: 1
# <input id="page_category_rails_base" name="page[category]" tabindex="1" type="radio" value="rails_base" />

radio_button 'page', 'category', 'rails_base', accesskey: 'k'
# <input accesskey="k" id="page_category_rails_base" name="page[category]" type="radio" value="rails_base" />

f.radio_button 'category', 'rails_base'
# <input id="page_category_rails_base" name="page[category]" type="radio" value="rails_base" />

f.radio_button 'category', 'rails_base', checked: true
# <input checked="checked" id="page_category_rails_base" name="page[category]" type="radio" value="rails_base" />

f.radio_button 'category', 'rails_base', disabled: true
# <input disabled="disabled" id="page_category_rails_base" name="page[category]" type="radio" value="rails_base" />

f.radio_button 'category', 'rails_base', tabindex: 1
# <input id="page_category_rails_base" name="page[category]" tabindex="1" type="radio" value="rails_base" />

f.radio_button 'category', 'rails_base', accesskey: 'k'
# <input accesskey="k" id="page_category_rails_base" name="page[category]" type="radio" value="rails_base" />

radio_button_tag(要素名, value値 [, checked = false, オプション or HTML属性 or イベント属性])

Railsの基礎知識: <%= radio_button_tag 'page[category]', 'rails_base' %><br />
Rubeの基礎知識: <%= radio_button_tag 'page[category]', 'ruby_base' %>
# Railsの基礎知識: <input id="page_category_rails_base" name="page[category]" type="radio" value="rails_base" /><br />
# Rubeの基礎知識: <input id="page_category_ruby_base" name="page[category]" type="radio" value="ruby_base" />

Railsの基礎知識: <%= radio_button_tag 'page[category]', 'rails_base' %><br />
Rubeの基礎知識: <%= radio_button_tag 'page[category]', 'ruby_base' %>
# Railsの基礎知識: <input checked="checked" id="page_category_rails_base" name="page[category]" type="radio" value="rails_base" /><br />
# Rubeの基礎知識: <input checked="checked" id="page_category_ruby_base" name="page[category]" type="radio" value="ruby_base" />

Railsの基礎知識: <%= radio_button_tag 'page[category]', 'rails_base','', {disabled: true} %><br />
Rubeの基礎知識: <%= radio_button_tag 'page[category]', 'ruby_base','', {disabled: true} %>
# Railsの基礎知識: <input disabled="disabled" id="page_category_rails_base" name="page[category]" type="radio" value="rails_base" /><br />
# Rubeの基礎知識: <input disabled="disabled" id="page_category_ruby_base" name="page[category]" type="radio" value="ruby_base" />

Railsの基礎知識: <%= radio_button_tag 'page[category]', 'rails_base','', {tabindex: 1} %><br />
Rubeの基礎知識: <%= radio_button_tag 'page[category]', 'ruby_base','', {tabindex: 2} %>
# Railsの基礎知識: <input id="page_category_rails_base" name="page[category]" tabindex="1" type="radio" value="rails_base" /><br />
# Rubeの基礎知識: <input id="page_category_ruby_base" name="page[category]" tabindex="2" type="radio" value="ruby_base" />

Railsの基礎知識: <%= radio_button_tag 'page[category]', 'rails_base','', {accesskey: 'k'} %><br />
Rubeの基礎知識: < %= radio_button_tag 'page[category]', 'ruby_base','', {accesskey: 'l'} %>
# Railsの基礎知識: <input accesskey="k" id="page_category_rails_base" name="page[category]" type="radio" value="rails_base" /><br />
# Rubeの基礎知識: <input accesskey="k" id="page_category_rails_base" name="page[category]" type="radio" value="rails_base" />

radio_button_tag 'color', "green", true, class: "color_input"
# <input checked="checked" class="color_input" id="color_green" name="color" type="radio" value="green" />

text_area(オブジェクト名, メソッド名 [, HTML属性 or イベント属性])

text_area :page, :comtent
# <textarea cols="40" id="page_content" name="page[content]" rows="20"></textarea>

text_area :page, :comtent
# <textarea cols="40" id="page_content" name="page[content]" rows="20">初期値</textarea>

text_area :page, :comtent, size: "20x10"
# <textarea cols="20" id="page_content" name="page[content]" rows="10"></textarea>

text_area :page, :comtent, maxlength: "20"
# <textarea cols="40" id="page_content" maxlength="20" name="page[content]" rows="20"></textarea>

text_area :page, :comtent, maxlength: "20"
# <textarea cols="40" disabled ="disabled" id="page_content" name="page[content]" rows="20"></textarea>

text_area_tag(要素名 [, エリア配下のテキスト, オプション or HTML属性 or イベント属性])

text_area_tag 'post'
# <textarea id="post" name="post"></textarea>

text_area_tag 'bio', @user.bio
# <textarea id="bio" name="bio">This is my biography.</textarea>

text_area_tag 'body', nil, rows: 10, cols: 25
# <textarea cols="25" id="body" name="body" rows="10"></textarea>

text_area_tag 'body', nil, size: "25x10"
# <textarea name="body" id="body" cols="25" rows="10"></textarea>

text_area_tag 'description', "Description goes here.", disabled: true
# <textarea disabled="disabled" id="description" name="description">Description goes here.</textarea>

text_area_tag 'comment', nil, class: 'comment_input'
# <textarea class="comment_input" id="comment" name="comment"></textarea>

password_field(オブジェクト名, メソッド名 [, オプション])

password_field :page, :pass
# <input id="page_pass" name="page[pass]" size="30" type="password" />

password_field :page, :pass
# <input id="page_pass" name="page[pass]" size="30" type="password" value="abc" />

password_field :page, :pass, :size = '40'
# <input id="page_pass" name="page[pass]" size="40" type="password" />

password_field_tag(要素名 [, value値, オプション or HTML属性 or イベント属性])

password_field_tag 'pass'
# <input id="pass" name="pass" type="password" />

password_field_tag 'secret', 'Your secret here'
# <input id="secret" name="secret" type="password" value="Your secret here" />

password_field_tag 'masked', nil, class: 'masked_input_field'
# <input class="masked_input_field" id="masked" name="masked" type="password" />

password_field_tag 'token', '', size: 15
# <input id="token" name="token" size="15" type="password" value="" />

password_field_tag 'key', nil, maxlength: 16
# <input id="key" maxlength="16" name="key" type="password" />

password_field_tag 'confirm_pass', nil, disabled: true
# <input disabled="disabled" id="confirm_pass" name="confirm_pass" type="password" />

hidden_field(オブジェクト名, メソッド名 [, HTML属性 or イベント属性])

f.hidden_field(メソッド名 [, HTML属性 or イベント属性]

hidden_field :page, :set
# <input id="page_set" name="page[set]" type="hidden" />

# @page.set = "abc"
hidden_field :page, :set
# <input id="page_set" name="page[set]" type="hidden" value="abc" />

hidden_field :page, :set, :class = 'set'
# <input class='set' id="page_set" name="page[set]" type="hidden" />

f.hidden_field :page, :set
# <input id="page_set" name="page[set]" type="hidden" />

hidden_field :page, :set
# <input id="page_set" name="page[set]" type="hidden" value="abc" />

hidden_field :page, :set, :class = 'set'
# <input class='set' id="page_set" name="page[set]" type="hidden" />

hidden_field_tag(要素名 [, value値, HTML属性 or イベント属性])

hidden_field_tag 'page[set]'
# <input id="page_set" name="page[set]" type="hidden" />

hidden_field_tag 'page[set]', @page.set
# <input id="page_set" name="page[set]" type="hidden" value="abc" />

hidden_field_tag 'page[set]', '', :class = 'set'
# <input class='set' id="page_set" name="page[set]" type="hidden" />

label(オブジェクト名, メソッド名 [, ラベル配下のコンテンツ, オプション])

f.label(メソッド名 [, ラベル配下のコンテンツ, オプション])

label(:post, :cost)
# <label for="post_cost">Total cost</label>

label(:post, :title, "A short title")
# <label for="post_title">A short title</label>

label(:post, :title, "A short title", class: "title_label")
# <label for="post_title" class="title_label">A short title</label>

label(:post, :terms) do
  raw('Accept <a href="/terms">Terms</a>.')
end
# <label for="post_terms">Accept <a href="/terms">Terms</a>.</label>

f.label :name
# <label for="page_name">Name</label>

f.label :name, @page.name
# <label for="page_name">abc</label>

f.label :name, '', class: 'page_name'
# <label class="page_name" for="page_name">Name</label>

label_tag(要素名 [, ラベル配下のコンテンツ] [, HTML属性 or イベント属性])

label_tag 'page[name]'
# <label for="page_name">Name</label>

# @page.name = "abc"
label_tag 'page[name]', @page.name
# <label for="page_name">abc</label>

label_tag 'page[name]', '', class: 'page_name'
# <label class="page_name" for="page_name">Name</label>

text_field(オブジェクト名, メソッド名 [, HTML属性 or イベント属性])

text_field :page, :name
# <input id="page_name" name="page[name]" size="30" type="text" />

text_field :page, :name
# <input id="page_name" name="page[name]" size="30" type="text" value="abc" />

text_field :page, :name, :class = 'page_name'
# <input class="page_name" id="page_name" name="page[name]" size="30" type="text" />

text_field_tag(要素名 [, value値, オプション or HTML属性 or イベント属性])

text_field_tag 'name'
# <input id="name" name="name" type="text" />

text_field_tag 'query', 'Enter your search query here'
# <input id="query" name="query" type="text" value="Enter your search query here" />

text_field_tag 'search', nil, placeholder: 'Enter search term...'
# <input id="search" name="search" placeholder="Enter search term..." type="text" />

text_field_tag 'request', nil, class: 'special_input'
# <input class="special_input" id="request" name="request" type="text" />

text_field_tag 'address', '', size: 75
# <input id="address" name="address" size="75" type="text" value="" />

text_field_tag 'zip', nil, maxlength: 5
# <input id="zip" maxlength="5" name="zip" type="text" />

text_field_tag 'payment_amount', '$0.00', disabled: true
# <input disabled="disabled" id="payment_amount" name="payment_amount" type="text" value="$0.00" />

text_field_tag 'ip', '0.0.0.0', maxlength: 15, size: 20, class: "ip-input"
# <input class="ip-input" id="ip" maxlength="15" name="ip" size="20" type="text" value="0.0.0.0" />

file_field(オブジェクト名, メソッド名 [, オプション])

f.file_field(メソッド名 [, オプション])

file_field :page, :fine_name
# <input id="page_fine_name" name="page[fine_name]" size="30" type="file" />

file_field :page, :fine_name, :class = 'page_fine_name'
# <input class="page_fine_name" id="page_fine_name" name="page[fine_name]" size="30" type="file" />

f.file_field :fine_name
# <input id="page_fine_name" name="page[fine_name]" size="30" type="file" />

f.file_field :fine_name, :class = 'page_fine_name'
# <input class="page_fine_name" id="page_fine_name" name="page[fine_name]" size="30" type="file" />

file_field_tag(要素名 [, オプション])

file_field_tag 'attachment'
# <input id="attachment" name="attachment" type="file" />

file_field_tag 'avatar', class: 'profile_input'
# <input class="profile_input" id="avatar" name="avatar" type="file" />

file_field_tag 'picture', disabled: true
# <input disabled="disabled" id="picture" name="picture" type="file" />

file_field_tag 'resume', value: '~/resume.doc'
# <input id="resume" name="resume" type="file" value="~/resume.doc" />

file_field_tag 'user_pic', accept: 'image/png,image/gif,image/jpeg'
# <input accept="image/png,image/gif,image/jpeg" id="user_pic" name="user_pic" type="file" />

select(オブジェクト名, メソッド名, 要素(配列 or ハッシュ) [, オプション or HTML属性 or イベント属性])

f.select(メソッド名, 要素(配列 or ハッシュ) [, オプション or HTML属性 or イベント属性])

select("post", "person_id", Person.all.collect { |p| [ p.name, p.id ] }, { include_blank: true })
# <select name="post[person_id]" id="post_person_id">
#   <option value=""></option>
#   <option value="1" selected="selected">David</option>
#   <option value="2">Eileen</option>
#   <option value="3">Rafael</option>
# </select>

f.select :person_id, Person.all.collect { |p| [ p.name, p.id ] }, include_blank: true

options_for_select(要素の配列 or ハッシュ [, 選択された要素])

select_tag 'page[name]', options_for_select([["Railsの基礎", "rails_base"], ["Rubyの基礎", "ruby_base"]])
# <select id="page_name" name="page[name]"><option value="rails_base">Railsの基礎</option>
# <option value="ruby_base">Rubyの基礎</option></select>

select_tag 'page[name]', options_for_select({Railsの基礎: "rails_base", Rubyの基礎: "ruby_base"})
# <select id="page_name" name="page[name]"><option value="rails_base">Railsの基礎</option>
# <option value="ruby_base">Rubyの基礎</option></select>

select_tag 'page[name]', options_for_select({Railsの基礎: "rails_base", Rubyの基礎: "ruby_base"}, selected: "ruby_base")
# <select id="page_name" name="page[name]"><option value="rails_base">Railsの基礎</option>
# <option value="ruby_base">Rubyの基礎</option></select>

options_for_select([['Japanese', 'JPN']], 'JPN')

grouped_options_for_select(タグの配列 or ハッシュ [, オプション, 選択オプションの先頭に表示される文字列])

select_tag 'page[name]', grouped_options_for_select([["基礎", [["Railsの基礎", "rails_base"], ["Rubyの基礎", "ruby_base"]]]])
# <select id="page_name" name="page[name]"><optgroup label="基礎"><option value="rails_base">Railsの基礎</option>
# <option value="ruby_base">Rubyの基礎</option></optgroup></select>

select_tag 'page[name]', grouped_options_for_select({基礎: [["Railsの基礎" ,"rails_base"], ["Rubyの基礎", "ruby_base"]]})
# <select id="page_name" name="page[name]"><option value="rails_base">Railsの基礎</option>
# <option value="ruby_base">Rubyの基礎</option></select>

select_tag 'page[name]', grouped_options_for_select({基礎: [["Railsの基礎" ,"rails_base"], ["Rubyの基礎", "ruby_base"]]}, "rails_base")
# <select id="page_name" name="page[name]"><option value="rails_base">Railsの基礎</option>
# <option value="ruby_base">Rubyの基礎</option></select>

select_tag 'page[name]', grouped_options_for_select({基礎: [["Railsの基礎" ,"rails_base"], ["Rubyの基礎", "ruby_base"]]}, "", "選択してください")
# <select id="page_name" name="page[name]"><option value="">選択してください</option><option value="rails_base">Railsの基礎</option>
# <option value="ruby_base">Rubyの基礎</option></select>

option_groups_from_collection_for_select(要素の配列 or ハッシュ, グループメソッド, グループのラベル属性の項目, value属性の項目, textの項目 [, 選択された要素])

option_groups_from_collection_for_select(@continents, :countries, :name, :id, :name, 3)

options_from_collection_for_select(要素の配列, value属性の項目, textの項目 [, 選択された要素])

options_from_collection_for_select @categories, :id, :name

options_from_collection_for_select @categories, :id, :name, 2

collection_select(オブジェクト名, メソッド名, 要素の配列, value属性の項目, テキストの項目 [, オプション or HTML属性 or イベント属性])

f.collection_select(メソッド名, オブジェクトの配列, value属性の項目, テキストの項目 [, オプション or HTML属性 or イベント属性])

collection_select(:page, :name, @categories, :id, :name)
# <select id="page_name" name="page[name]"><option value="1">Railsの基礎知識</option>
# <option value="2">Rubyの基礎知識</option>
# </select>

collection_select(:page, :name, @categories, :id, :name, nil, prompt: "選択してください")
# <select id="page_name" name="page[name]"><option value="1">Railsの基礎知識</option>
# <option value="2">Rubyの基礎知識</option>
# </select>

collection_select(:page, :name, @categories, :id, :name, include_blank: true)
# <select id="page_name" name="page[name]"><option value="1">Railsの基礎知識</option>
# <option value="2">Rubyの基礎知識</option>
# </select>

collection_select(:page, :name, @categories, :id, :name, selected: 2)
# <select id="page_name" name="page[name]"><option value="1">Railsの基礎知識</option>
# <option value="2" selected="selected">Rubyの基礎知識</option>
# </select>

f.collection_select(:name, @categories, :id, :name)
# <select id="page_name" name="page[name]"><option value="1">Railsの基礎知識</option>
# <option value="2">Rubyの基礎知識</option>
# </select>

f.collection_select(:name, @categories, :id, :name, nil, prompt: "選択してください")
# <select id="page_name" name="page[name]"><option value="1">Railsの基礎知識</option>
# <option value="2">Rubyの基礎知識</option>
# </select>

f.collection_select(:name, @categories, :id, :name, include_blank: true)
# <select id="page_name" name="page[name]"><option value="1">Railsの基礎知識</option>
# <option value="2">Rubyの基礎知識</option>
# </select>

f.collection_select(:name, @categories, :id, :name, selected: 2)
# <select id="page_name" name="page[name]"><option value="1">Railsの基礎知識</option>
# <option value="2" selected="selected">Rubyの基礎知識</option>
# </select>

grouped_collection_select(オブジェクト名, メソッド名, オブジェクトの配列, タグを取得するメソッド, タグのラベル, valueの項目, テキストの項目 [, オプション or HTML属性 or イベント属性])

f.grouped_collection_select(メソッド名, オブジェクトの配列, タグを取得するメソッド, タグのラベル, valueの項目, テキストの項目 [, オプション or HTML属性 or イベント属性])

# @categories = Category.all
grouped_collection_select(:page, :name, @categories, :pages, :name, :id, :name)
# <select id="page_name" name="page[name]"><optgroup label="Railsの基礎知識"><option value="1">Ruby on Railsとは</option>
# <option value="2">規約</option>
# <option value="3">ディレクトリ構造</option>
# <option value="4">アプリケーション作成の流れ</option>
# </optgroup><optgroup label="Rubyの基礎知識"><option value="5">Rubyとは</option></optgroup></select>

# @categories = Category.all
grouped_collection_select(:page, :name, @categories, :pages, :name, :id, :name, include_blank: true)
# <select id="page_name" name="page[name]"><option value=""></option>
# <optgroup label="Railsの基礎知識"><option value="1">Ruby on Railsとは</option>
# <option value="2">規約</option>
# <option value="3">ディレクトリ構造</option>
# <option value="4">アプリケーション作成の流れ</option>
# </optgroup><optgroup label="Rubyの基礎知識"><option value="5">Rubyとは</option></optgroup></select>

# @categories = Category.all
grouped_collection_select(:page, :name, @categories, :pages, :name, :id, :name, :prompt = "選択してください")
# <select id="page_name" name="page[name]"><option value="">選択してください</option>
# <optgroup label="Railsの基礎知識"><option value="1">Ruby on Railsとは</option>
# <option value="2">規約</option>
# <option value="3">ディレクトリ構造</option>
# <option value="4">アプリケーション作成の流れ</option>
# </optgroup><optgroup label="Rubyの基礎知識"><option value="5">Rubyとは</option></optgroup></select>

# @categories = Category.all
# @page.name = 2
grouped_collection_select(:page, :name, @categories, :pages, :name, :id, :name)
# <select id="page_name" name="page[name]"><optgroup label="Railsの基礎知識"><option value="1">Ruby on Railsとは</option>
# <option value="2" selected="selected">規約</option>
# <option value="3">ディレクトリ構造</option>
# <option value="4">アプリケーション作成の流れ</option>
# </optgroup><optgroup label="Rubyの基礎知識"><option value="5">Rubyとは</option></optgroup></select>

# @categories = Category.all
f.grouped_collection_select(:name, @categories, :pages, :name, :id, :name)
# <select id="page_name" name="page[name]"><optgroup label="Railsの基礎知識"><option value="1">Ruby on Railsとは</option>
# <option value="2">規約</option>
# <option value="3">ディレクトリ構造</option>
# <option value="4">アプリケーション作成の流れ</option>
# </optgroup><optgroup label="Rubyの基礎知識"><option value="5">Rubyとは</option></optgroup></select>

# @categories = Category.all
f.grouped_collection_select(:name, @categories, :pages, :name, :id, :name, include_blank: true)
# <select id="page_name" name="page[name]"><option value=""></option>
# <optgroup label="Railsの基礎知識"><option value="1">Ruby on Railsとは</option>
# <option value="2">規約</option>
# <option value="3">ディレクトリ構造</option>
# <option value="4">アプリケーション作成の流れ</option>
# </optgroup><optgroup label="Rubyの基礎知識"><option value="5">Rubyとは</option></optgroup></select>

# @categories = Category.all
f.grouped_collection_select(:name, @categories, :pages, :name, :id, :name, :prompt = "選択してください")
# <select id="page_name" name="page[name]"><option value="">選択してください</option>
# <optgroup label="Railsの基礎知識"><option value="1">Ruby on Railsとは</option>
# <option value="2">規約</option>
# <option value="3">ディレクトリ構造</option>
# <option value="4">アプリケーション作成の流れ</option>
# </optgroup><optgroup label="Rubyの基礎知識"><option value="5">Rubyとは</option></optgroup></select>

# @categories = Category.all
# @page.name = 2
f.grouped_collection_select(:name, @categories, :pages, :name, :id, :name)
# <select id="page_name" name="page[name]"><optgroup label="Railsの基礎知識"><option value="1">Ruby on Railsとは</option>
# <option value="2" selected="selected">規約</option>
# <option value="3">ディレクトリ構造</option>
# <option value="4">アプリケーション作成の流れ</option>
# </optgroup><optgroup label="Rubyの基礎知識"><option value="5">Rubyとは</option></optgroup></select>

email_field(オブジェクト名, メソッド名 [, オプション or HTML属性 or イベント属性])

email_field :page, :email
# <input id="page_email" name="page[email]" size="30" type="email" />

# @page.email = "test@example.com"
email_field :page, :email
# <input id="page_email" name="page[email]" size="30" type="email" value="test@example.com"/>

email_field :page, :email
# <input id="page_email" name="page[email]" size="40" type="email"/>

email_field_tag(要素名 [, value値, オプション or HTML属性 or イベント属性])

email_field_tag 'name'
# <input id="name" name="name" type="email" />

email_field_tag 'email', 'email@example.com'
# <input id="email" name="email" type="email" value="email@example.com" />

email_field_tag 'email', nil, class: 'special_input'
# <input class="special_input" id="email" name="email" type="email" />

email_field_tag 'email', 'email@example.com', class: 'special_input', disabled: true
# <input disabled="disabled" class="special_input" id="email" name="email" type="email" value="email@example.com" />

number_field(オブジェクト名, メソッド名 [, オプション])

number_field :product, :price

number_field_tag(要素名 [, value値, オプション])

number_field_tag 'quantity'
# <input id="quantity" name="quantity" type="number" />

number_field_tag 'quantity', '1'
# <input id="quantity" name="quantity" type="number" value="1" />

number_field_tag 'quantity', nil, class: 'special_input'
# <input class="special_input" id="quantity" name="quantity" type="number" />

number_field_tag 'quantity', nil, min: 1
# <input id="quantity" name="quantity" min="1" type="number" />

number_field_tag 'quantity', nil, max: 9
# <input id="quantity" name="quantity" max="9" type="number" />

range_field(オブジェクト名, メソッド名 [, オプション])

f.range_field(メソッド名 [, オプション])

range_field(:product, :discount, in: 1..100)

f.range_field(:discount, in: 1..100)

range_field_tag(要素名 [, 値, オプション])

search_field(オブジェクト名, メソッド名 [, オプション])

search_field(:user, :name)
# <input id="user_name" name="user[name]" type="search" />

search_field(:user, :name, results: 3)
# <input id="user_name" name="user[name]" results="3" type="search" />

search_field(:user, :name, autosave: true)
# <input autosave="com.example.www" id="user_name" name="user[name]" results="10" type="search" />

search_field(:user, :name, onsearch: true)
# <input id="user_name" incremental="true" name="user[name]" onsearch="true" type="search" />

search_field_tag(要素名 [, value値, オプション])

search_field_tag 'name'
# <input id="name" name="name" type="search" />

search_field_tag 'search', 'Enter your search query here'
# <input id="search" name="search" type="search" value="Enter your search query here" />

search_field_tag 'search', nil, class: 'special_input'
# <input class="special_input" id="search" name="search" type="search" />

search_field_tag 'search', 'Enter your search query here', class: 'special_input', disabled: true
# <input disabled="disabled" class="special_input" id="search" name="search" type="search" value="Enter your search query here" />

telephone_field(オブジェクト名, メソッド名 [, オプション])

telephone_field("user", "phone")
# <input id="user_phone" name="user[phone]" type="tel" />

telephone_field_tag(要素名 [, value値, オプション])

telephone_field_tag 'name'
# <input id="name" name="name" type="tel" />

telephone_field_tag 'tel', '0123456789'
# <input id="tel" name="tel" type="tel" value="0123456789" />

telephone_field_tag 'tel', nil, class: 'special_input'
# <input class="special_input" id="tel" name="tel" type="tel" />

telephone_field_tag 'tel', '0123456789', class: 'special_input', disabled: true
# <input disabled="disabled" class="special_input" id="tel" name="tel" type="tel" value="0123456789" />

url_field(オブジェクト名, メソッド名 [, オプション])

url_field("user", "homepage")
# <input id="user_homepage" name="user[homepage]" type="url" />

url_field_tag(要素名 [, value値, オプション or HTML属性 or イベント属性])

url_field_tag 'name'
# <input id="name" name="name" type="url" />

url_field_tag 'url', 'http://rubyonrails.org'
# <input id="url" name="url" type="url" value="http://rubyonrails.org" />

url_field_tag 'url', nil, class: 'special_input'
# <input class="special_input" id="url" name="url" type="url" />

url_field_tag 'url', 'http://rubyonrails.org', class: 'special_input', disabled: true
# <input disabled="disabled" class="special_input" id="url" name="url" type="url" value="http://rubyonrails.org" />

f.submit([ボタンの名前 , オプション])

f.submit

f.submit :button, class: "btn"

submit_tag([ボタンの名前 , オプション or HTML属性 or イベント属性])

submit_tag
# <input name="commit" data-disable-with="Save changes" type="submit" value="Save changes" />

submit_tag "Edit this article"
# <input name="commit" data-disable-with="Edit this article" type="submit" value="Edit this article" />

submit_tag "Save edits", disabled: true
# <input disabled="disabled" name="commit" data-disable-with="Save edits" type="submit" value="Save edits" />

submit_tag "Complete sale", data: { disable_with: "Submitting..." }
# <input name="commit" data-disable-with="Submitting..." type="submit" value="Complete sale" />

submit_tag nil, class: "form_submit"
# <input class="form_submit" name="commit" type="submit" />

submit_tag "Edit", class: "edit_button"
# <input class="edit_button" data-disable-with="Edit" name="commit" type="submit" value="Edit" />

submit_tag "Save", data: { confirm: "Are you sure?" }
# <input name='commit' type='submit' value='Save' data-disable-with="Save" data-confirm="Are you sure?" />

datetime_select(オブジェクト名, メソッド名 [, オプション or HTML属性 or イベント属性])

f.datetime_select(メソッド名 [, オプション or HTML属性 or イベント属性])

datetime_select :page, :updated_at
# <select id="page_updated_at_1i" name="page[updated_at(1i)]">
# <option value="2006">2006</option>
 省略 
# </select>

datetime_select :page, :updated_at, use_month_numbers: true
# <select id="page_updated_at_1i" name="page[updated_at(1i)]">
# <option value="2006">2006</option>
 省略 
# </select>

datetime_select :page, :updated_at, use_short_month: true
# <select id="page_updated_at_1i" name="page[updated_at(1i)]">
# <option value="2006">2006</option>
 省略 
# </select>

datetime_select :page, :updated_at, add_month_numbers: true
# <select id="page_updated_at_1i" name="page[updated_at(1i)]">
# <option value="2006">2006</option>
 省略 
# </select>

datetime_select :page, :updated_at, start_year: 2012, end_year: 2013, minute_step: 10
# <select id="page_updated_at_1i" name="page[updated_at(1i)]">
# <select id="page_updated_at_1i" name="page[updated_at(1i)]">
# <option value="2010">2010</option>
 省略 
# </select>

f.datetime_select :updated_at
# <select id="page_updated_at_1i" name="page[updated_at(1i)]">
# <option value="2006">2006</option>
 省略 
# </select>

f.datetime_select :updated_at, use_month_numbers: true
# <select id="page_updated_at_1i" name="page[updated_at(1i)]">
# <option value="2006">2006</option>
 省略 
# </select>

f.datetime_select :updated_at, use_short_month: true
# <select id="page_updated_at_1i" name="page[updated_at(1i)]">
# <option value="2006">2006</option>
 省略 
# </select>

f.datetime_select :updated_at, add_month_numbers: true
# <select id="page_updated_at_1i" name="page[updated_at(1i)]">
# <option value="2006">2006</option>
 省略 
# </select>

f.datetime_select :updated_at, start_year: 2012, end_year: 2013, minute_step: 10
# <select id="page_updated_at_1i" name="page[updated_at(1i)]">
# <select id="page_updated_at_1i" name="page[updated_at(1i)]">
# <option value="2010">2010</option>
# <option selected="selected" value="2011">2011</option>
 省略 
# </select>

<%= fields_for(モデル) do |i| %>
<% end %>

<%= form_for(@page) do |i| %>
  <%= fields_for @page.category do |category| %>
    <%= category.text_field :name %>
  <% end %>
<% end %>

field_set_tag(サブフォームのタイトル [, HTML属性 or イベント属性]) do
end

<%= field_set_tag 'Category' do %>
  <%= text_field_tag 'name' %>
<% end %>
# <fieldset><legend>Category</legend><input id="name" name="name" type="text" /></fieldset>

field_set_tag 'Compliance', class: 'rights' do
end

button(文字列 [, オプション or データ属性 or HTML属性 or イベント属性])

button("作成")
# <button name='button' type='submit'>作成</button>

button do
  content_tag(:strong, 'Ask me!')
end
# <button name='button' type='submit'>
#   <strong>Ask me!</strong>
# </button>

button_tag([オプション or データ属性 or HTML属性 or イベント属性])

button_tag
# <button name="button" type="submit">Button</button>

button_tag 'Reset', type: 'reset'
# <button name="button" type="reset">Reset</button>

button_tag(type: 'button') do
  content_tag(:strong, 'Ask me!')
end
# <button name="button" type="button">
#  <strong>Ask me!</strong>
# </button>

button_tag "Checkout", data: { disable_with: "Please wait..." }
# <button data-disable-with="Please wait..." name="button" type="submit">Checkout</button>

image_submit_tag(値 [, オプション or HTML属性 or イベント属性])

image_submit_tag("login.png")
# <input alt="Login" src="/images/login.png" type="image" />

image_submit_tag("search.png", class: 'search_button', alt: 'Find')
# <input alt="Find" class="search_button" src="/images/search.png" type="image" />

image_submit_tag("agree.png", disabled: true, class: "agree_disagree_button")
# <input alt="Agree" class="agree_disagree_button" disabled="disabled" src="/images/agree.png" type="image" />

image_submit_tag("save.png", data: { confirm: "Are you sure?" })
# <input alt="Save" src="/images/save.png" data-confirm="Are you sure?" type="image" />

color_field(オブジェクト名, メソッド名 [, オプション or HTML属性 or イベント属性])

color_field "car", "color"
# <input id="car_color" name="car[color]" type="color" value="#000000" />

color_field "car", "color", "#DEF726"
# <input id="car_color" name="color" type="color" value="#DEF726" />

color_field "car", "color", nil, class: 'special_input'
# <input class="special_input" id="car_color" name="color" type="color" />

color_fiel "car", "color", "DEF726", class: "special_input", disabled: true
# <input disabled="disabled" class="special_input" id="car_color" name="color" type="color" value="#DEF726" />

color_field_tag(要素名 [, 値, オプション or HTML属性 or イベント属性])

color_field_tag 'name'
# <input id="name" name="name" type="color" />

color_field_tag 'color', '#DEF726'
# <input id="color" name="color" type="color" value="#DEF726" />

color_field_tag 'color', nil, class: 'special_input'
# <input class="special_input" id="color" name="color" type="color" />

color_field_tag 'color', '#DEF726', class: 'special_input', disabled: true
# <input disabled="disabled" class="special_input" id="color" name="color" type="color" value="#DEF726" />

date_field(要素名 [, 値, オプション])

date_field "user", "born_on"
# <input id="user_born_on" name="user[born_on]" type="date" />

date_field_tag(要素名 [, value値, オプション or HTML属性 or イベント属性])

date_field_tag 'name'
# <input id="name" name="name" type="date" />

date_field_tag 'date', '01/01/2014'
# <input id="date" name="date" type="date" value="01/01/2014" />

date_field_tag 'date', nil, class: 'special_input'
# <input class="special_input" id="date" name="date" type="date" />

datetime_field(要素名 [, value値, オプション or HTML属性 or イベント属性])

datetime_field("user", "born_on")
# <input id="user_born_on" name="user[born_on]" type="datetime-local" />

@user.born_on = Date.new(1984, 1, 12)
datetime_field("user", "born_on")
# <input id="user_born_on" name="user[born_on]" type="datetime-local" value="1984-01-12T00:00:00" />

datetime_field("user", "born_on", min: Date.today)
# <input id="user_born_on" name="user[born_on]" type="datetime-local" min="2014-05-20T00:00:00.000" />

datetime_field("user", "born_on", min: "2014-05-20T00:00:00")
# <input id="user_born_on" name="user[born_on]" type="datetime-local" min="2014-05-20T00:00:00.000" />

datetime_field_tag(要素名 [, 値, オプション or HTML属性 or イベント属性])

datetime_field_tag :published
# <input type="datetime-local" name="published" id="published">

datetime_local_field(要素名 [, 値, オプション])

f.datetime_local_field(要素名 [, 値, オプション])

datetime_local_field("user", "born_on")
# <input id="user_born_on" name="user[born_on]" type="datetime-local" />

@user.born_on = Date.new(1984, 1, 12)
datetime_local_field("user", "born_on")
# <input id="user_born_on" name="user[born_on]" type="datetime-local" value="1984-01-12T00:00:00" />

datetime_local_field("user", "born_on", min: Date.today)
# <input id="user_born_on" name="user[born_on]" type="datetime-local" min="2014-05-20T00:00:00.000" />

datetime_local_field("user", "born_on", min: "2014-05-20T00:00:00")
# <input id="user_born_on" name="user[born_on]" type="datetime-local" min="2014-05-20T00:00:00.000" />

f.datetime_local_field("born_on")
# <input id="user_born_on" name="user[born_on]" type="datetime-local" />

@user.born_on = Date.new(1984, 1, 12)
f.datetime_local_field("born_on")
# <input id="user_born_on" name="user[born_on]" type="datetime-local" value="1984-01-12T00:00:00" />

f.datetime_local_field("born_on", min: Date.today)
# <input id="user_born_on" name="user[born_on]" type="datetime-local" min="2014-05-20T00:00:00.000" />

f.datetime_local_field("born_on", min: "2014-05-20T00:00:00")
# <input id="user_born_on" name="user[born_on]" type="datetime-local" min="2014-05-20T00:00:00.000" />

datetime_local_field_tag(要素名 [, 値, オプション or HTML属性 or イベント属性])

datetime_local_field_tag :published
# <input type="datetime-local" name="published" id="published">

month_field(要素名 [, 値, オプション or HTML属性 or イベント属性])

month_field("user", "born_on")
# <input id="user_born_on" name="user[born_on]" type="month" />

month_field_tag(要素名 [, 値, オプション or HTML属性 or イベント属性])

month_field_tag :published_month

month_field_tag(:published_month, :min => DateTime.new(2020, 1, 1)

time_field(要素名 [, 値, オプション])

time_field("task", "started_at")
# <input id="task_started_at" name="task[started_at]" type="time" />

time_field("task", "started_at", min: Time.now)
# <input id="task_started_at" name="task[started_at]" type="time" min="01:00:00.000" />

time_field_tag(要素名 [, 値, オプション or HTML属性 or イベント属性])

time_field_tag :name

week_field(要素名 [, 値, オプション])

week_field("user", "born_on")
# <input id="user_born_on" name="user[born_on]" type="week" />

week_field_tag(要素名 [, 値, オプション])

week_field_tag :wk

date_select(オブジェクト名, メソッド名 [, オプション or HTML属性 or イベント属性])

f.date_select(メソッド名 [, オプション or HTML属性 or イベント属性])

datetime_select_tag :page, :updated_at
# <select id="page_updated_at_1i" name="page[updated_at(1i)]">
# <option value="2006">2006</option>
 省略 
# </select>

datetime_select_tag :page, :updated_at, use_month_numbers: true
# <select id="page_updated_at_1i" name="page[updated_at(1i)]">
# <option value="2006">2006</option>
 省略 
# </select>

datetime_select_tag :page, :updated_at, use_short_month: true
# <select id="page_updated_at_1i" name="page[updated_at(1i)]">
# <option value="2006">2006</option>
 省略 
# </select>

datetime_select_tag :page, :updated_at, add_month_numbers: true
# <select id="page_updated_at_1i" name="page[updated_at(1i)]">
# <option value="2006">2006</option>
 省略 
# </select>

datetime_select_tag :page, :updated_at, start_year: 2012, end_year: 2013, minute_step: 10
# <select id="page_updated_at_1i" name="page[updated_at(1i)]">
# <select id="page_updated_at_1i" name="page[updated_at(1i)]">
# <option value="2010">2010</option>
 省略 
# </select>

<%= form_for @person do |f| %>
  <%= f.date_select :birth_date %>
  <%= f.submit %>
<% end %>

time_select(オブジェクト名 メソッド名 [, オプション or HTML属性 or イベント属性])

f.time_select(メソッド名 [, オプション])

time_select("article", "sunrise")

time_select("article", "start_time", include_seconds: true)

time_select 'game', 'game_time', {minute_step: 15}

time_select 'game', 'game_time', {ampm: true}

f.time_select :average_lap

select_tag(オブジェクト名, メソッド名, 要素(配列 or ハッシュ) [, オプション or HTML属性 or イベント属性])

select_tag "people", options_from_collection_for_select(@people, "id", "name")
# <select id="people" name="people"><option value="1">David</option></select>

select_tag "people", options_from_collection_for_select(@people, "id", "name", "1")
# <select id="people" name="people"><option value="1" selected="selected">David</option></select>

select_tag "people", raw("<option>David</option>")
# <select id="people" name="people"><option>David</option></select>

select_tag "colors", raw("<option>Red</option><option>Green</option><option>Blue</option>"), multiple: true
# <select id="colors" multiple="multiple" name="colors[]"><option>Red</option>
# <option>Green</option><option>Blue</option></select>

select_tag "access", raw("<option>Read</option><option>Write</option>"), multiple: true, class: 'form_input', id: 'unique_id'
# <select class="form_input" id="unique_id" multiple="multiple" name="access[]"><option>Read</option>
# <option>Write</option></select>

select_tag "people", options_from_collection_for_select(@people, "id", "name"), include_blank: true
# <select id="people" name="people"><option value="" label=" "></option><option value="1">David</option></select>

select_tag "people", options_from_collection_for_select(@people, "id", "name"), include_blank: "All"
# <select id="people" name="people"><option value="">All</option><option value="1">David</option></select>

select_tag "people", options_from_collection_for_select(@people, "id", "name"), prompt: "Select something"
# <select id="people" name="people"><option value="">Select something</option><option value="1">David</option></select>

select_tag "destination", raw("<option>NYC</option><option>Paris</option><option>Rome</option>"), disabled: true
# <select disabled="disabled" id="destination" name="destination"><option>NYC</option>
# <option>Paris</option><option>Rome</option></select>

collection_radio_buttons(オブジェクト名, コレクション名, メソッド名, value値 [, オプション])

f.collection_radio_buttons(メソッド名, コレクション名, value値 [, オプション])

collection_radio_buttons(:post, :author_id, Author.all, :id, :name_with_initial)

collection_radio_buttons(:post, :author_id, Author.all, :id, :name_with_initial) do |b|
  b.label { b.radio_button }
end

form_for @post do |f|
  f.collection_radio_buttons :author_id, Author.all, :id, :name_with_initial
  f.submit
end

collection_check_boxes(オブジェクト名, メソッド名, コレクション名 [, オプション, checked_value = "1", unchecked_value = "0"])

f.collection_check_boxes(メソッド名, コレクション名 [, オプション, checked_value = "1", unchecked_value = "0"])

collection_check_boxes(:post, :author_ids, Author.all, :id, :name_with_initial)

collection_check_boxes(:post, :author_ids, Author.all, :id, :name_with_initial) do |b|
  b.label { b.check_box }
end

<%= form_for @post do |f| %>
  <%= f.collection_check_boxes :author_ids, Author.all, :id, :name_with_initial %>
  <%= f.submit %>
<% end %>