form_for(モデルオブジェクト, オプション={}, ブロック引数)

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(リンク先={}, オプション={}, HTML属性={} or イベント属性={}, ブロック引数)

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(model: モデル=nil, scope: スコープ=nil, url: URL=nil, format: フォーマット=nil, オプション引数, ブロック引数)

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.object
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" />

check_box_tag(要素名, value値='1', checked=false, オプション={}, 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" />

collection_check_boxes(要素名, メソッド名, コレクション名, オプション={}, checked_value={}, ブロック引数)

# f.object
f.collection_check_boxes(メソッド名, コレクション名, オプション={}, checked_value={}, ブロック引数)

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

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

# f.object
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" />

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

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

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

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

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

radio_button_tag 'page[category]', 'rails_base','', {accesskey: 'k'}
#=> <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" />

collection_radio_buttons(要素名, メソッド名, コレクション名, value値, オプション={}, ブロック引数)

# f.object
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

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

# f.object
f.label(メソッド名, ラベル配下のコンテンツ=nil, オプション=nil, ブロック引数)

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>

label_tag(要素名=nil, ラベル配下のコンテンツ=nil, HTML属性=nil or イベント属性=nil, ブロック引数)

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 イベント属性={})

# f.object
f.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" />

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

text_field_tag(要素名, value値=nil, オプション={}, 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" />

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

# f.object
f.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="20" id="page_content" name="page[content]" rows="10"></textarea>

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

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

text_area_tag(要素名, エリア配下のテキスト, オプション={}, 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>

rich_text_area(要素名, メソッド名, オプション={})

# f.object
f.rich_text_area(メソッド名, オプション={})

form_with(model: @message) do |form|
    form.rich_text_area :content
end
#=> <input type="hidden" name="message[content]" id="message_content_trix_input_message_1"><trix-editor id="content" input="message_content_trix_input_message_1" class="trix-content" ...></trix-editor>

form_with(model: @message) do |form|
    form.rich_text_area :content, value: "<h1>Default message</h1>"
end
#=> <input type="hidden" name="message[content]" id="message_content_trix_input_message_1" value="<h1>Default message</h1>"><trix-editor id="content" input="message_content_trix_input_message_1" class="trix-content" ...></trix-editor>

password_field(オブジェクト名, メソッド名, オプション={})

# f.object
f.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" />

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

password_field_tag(要素名='password', value値=nil, オプション={}, 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" />

field_id(オブジェクト名, メソッド名, 接尾語, index: インデックス)

# f.object
f.field_id(フィールド, 接尾語, index: インデックス)

text_field_tag :post, :title, aria: { describedby: field_id(:post, :title, :error) }

form_for @post do |f|
    f.label :title
    f.text_field :title, aria: { describedby: f.field_id(:title, :error) }
    tag.span("is blank", id: f.field_id(:title, :error)
end

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

# f.object
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_tag(要素名, value値=nil, 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" />

file_field(オブジェクト名, メソッド名, オプション={})

# f.object
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" />

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" />

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

# f.object
f.email_field(メソッド名, オプション={}, 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"/>

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

email_field_tag(要素名, value値=nil, オプション={}, 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(オブジェクト名, メソッド名, オプション={})

# f.object
f.number_field(メソッド名, オプション={})

number_field :product, :price

f.number_field :confirmed

number_field_tag(要素名, value値=nil, オプション={})

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.object
f.range_field(メソッド名, オプション={})

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

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

range_field_tag(要素名, 値=nil, オプション={})

range_field "discount", in: 1..100

range_field "discount", min: 1, max: 100

search_field(オブジェクト名, メソッド名, オプション={})

# f.object
f.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" />

f.search_field :name

search_field_tag(要素名, value値=nil, オプション={})

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(オブジェクト名, メソッド名, オプション={})
phone_field(オブジェクト名, メソッド名, オプション={})

# f.object
f.telephone_field(メソッド名, オプション={})
f.phone_field(メソッド名, オプション={})

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

f.telephone_field("phone")

telephone_field_tag(要素名, value値=nil, オプション={})

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(オブジェクト名, メソッド名, オプション={})

# f.object
f.url_field(メソッド名, オプション={})

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

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

url_field_tag(要素名, value値=nil, オプション={}, 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" />

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

# f.object
f.color_field(メソッド名, オプション={}, 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" />

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

color_field_tag(要素名, 値=nil, オプション={}, 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(要素名, メソッド名, オプション={})

# f.object
f.date_field(メソッド名, オプション={})

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

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

date_field_tag(要素名, value値=nil, オプション={}, 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" />

time_field(要素名, メソッド, オプション={})

# f.object
f.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" />

f.time_field :started_at
#=> <input id="task_started_at" name="task[started_at]" type="time" />

time_field_tag(要素名, 値=nil, オプション={}, HTML属性={} or イベント属性={})

time_field_tag :name

time_field_tag "task", nil, min: Time.now

datetime_field(要素名, メソッド, オプション={})

# f.object
f.datetime_field(メソッド, オプション={})

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" />

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

datetime_field_tag(要素名, 値=nil, オプション={}, HTML属性={} or イベント属性={})

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

datetime_field_tag "user", "名前", min: Date.today
#=> <input id="user" name="user" type="datetime-local" min="2021-11-07T00:00:00.000" />

datetime_local_field(要素名, メソッド名, オプション={})

# f.object
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" />

datetime_local_field_tag(要素名, 値=nil, オプション={}, HTML属性={} or イベント属性={})

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

month_field(要素名, メソッド名, オプション={}, HTML属性={} or イベント属性={})

# f.object
f.month_field(メソッド名, オプション={}, HTML属性={} or イベント属性={})

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

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

month_field_tag(要素名, 値=nil, オプション={}, HTML属性={} or イベント属性={})

month_field_tag :published_month

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

week_field(名前, メソッド名, オプション={})

# f.object
f.week_field(メソッド名, オプション={})

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

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

week_field_tag(要素名, 値=nil, オプション={})

week_field_tag :wk

select(オブジェクト名, メソッド名, 要素(配列 or ハッシュ)=nil, オプション={}, HTML属性={} or イベント属性={}, ブロック引数)

# f.object
f.select(メソッド名, 要素(配列 or ハッシュ)=nil, オプション={}, HTML属性={} or イベント属性={}, ブロック引数)

select("post", "person_name", ["佐藤", "鈴木", "高橋"])

select("post", "person_name", ["佐藤", "鈴木", "高橋"], { include_blank: "選択してください" })

select("post", "person_name", ["佐藤", "鈴木", "高橋"], { multiple: true })

f.select(:person_name, ["佐藤", "鈴木", "高橋"])

select_tag(要素名, オプションタグ=nil, オプション={}, 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>

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

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(グループオプション, 選択したキー=nil, オプション={})

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の項目, 選択された要素=nil)

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

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

options_from_collection_for_select @categories, :id, :name

options_from_collection_for_select @categories, :id, :name, 2

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

# f.object
f.collection_select(メソッド名, 要素の配列, value属性の項目, テキストの項目, オプション={}, 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>

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

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

grouped_collection_select(:page, :name, @categories, :pages, :name, :id, :name)

grouped_collection_select(:page, :name, @categories, :pages, :name, :id, :name, include_blank: true)

grouped_collection_select(:page, :name, @categories, :pages, :name, :id, :name, :prompt = "選択してください")

grouped_collection_select(:page, :name, @categories, :pages, :name, :id, :name)

f.grouped_collection_select(:name, @categories, :pages, :name, :id, :name)

time_zone_select(オブジェクト名, メソッド名, プライオリティゾーン=nil, オプション={}, HTML属性={} or イベント属性={})

# f.object
f.time_zone_select(メソッド名, プライオリティゾーン=nil, オプション={}, HTML属性={} or イベント属性={})

time_zone_select(:user, :time_zone, nil, include_blank: true)
time_zone_select(:user, :time_zone, nil, default: "Pacific Time (US & Canada)")
time_zone_select(:user, :time_zone, ActiveSupport::TimeZone.us_zones, default: "Pacific Time (US & Canada)")
time_zone_select(:user, :time_zone, [ ActiveSupport::TimeZone["Alaska"], ActiveSupport::TimeZone["Hawaii"] ])
time_zone_select(:user, :time_zone, /Australia/)
time_zone_select(:user, :time_zone, ActiveSupport::TimeZone.all.sort, model: ActiveSupport::TimeZone)

form_for @user do |f|
    f.time_zone_select :time_zone, nil, include_blank: true
    f.submit
end

date_select(要素名, メソッド名, オプション={}, HTML属性={} or イベント属性={})

# f.object
f.date_select(メソッド名, オプション={}, HTML属性={} or イベント属性={})

date_select("article", "written_on")

date_select("article", "written_on", start_year: 1995)

date_select("article", "written_on", start_year: 1995, use_month_numbers: true, discard_day: true, include_blank: true)

date_select("article", "written_on", use_two_digit_numbers: true)

date_select("article", "written_on", order: [:day, :month, :year])

date_select("user", "birthday", order: [:month, :day])

date_select("article", "written_on", default: 3.days.from_now)

date_select("article", "written_on", selected: Date.today)

date_select("credit_card", "bill_due", default: { day: 20 })

date_select("article", "written_on", prompt: { day: 'Select day', month: 'Select month', year: 'Select year' })

date_select("article", "written_on", year_format: ->(year) { "Heisei #{year - 1988}" })

date_select("article", "written_on", day_format: ->(day) { day.ordinalize })

form_for @person do |f|
  f.date_select :birth_date
  f.submit
end

time_select(要素名, メソッド名, オプション={}, HTML属性={} or イベント属性={})

# f.object
f.time_select(メソッド名, オプション={}, HTML属性={} or イベント属性={})

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

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

# f.object
f.datetime_select(メソッド名, オプション={}, 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>

select_date(日付=Date.current, オプション={}, HTML属性={} or イベント属性={})

my_date = Time.now + 6.days
select_date(my_date)

select_date()

my_date = Time.now + 6.days
select_date(my_date, order: [:year, :month, :day])

my_date = Time.now + 6.days
select_date(my_date, discard_type: true)

my_date = Time.now + 6.days
select_date(my_date, date_separator: '/')

select_datetime(日時=Time.current, オプション={}, HTML属性={} or イベント属性={})

my_date_time = Time.now + 4.days
select_datetime(my_date_time)

select_datetime()

my_date_time = Time.now + 4.days
select_datetime(my_date_time, order: [:year, :month, :day])

my_date_time = Time.now + 4.days
select_datetime(my_date_time, discard_type: true)

my_date_time = Time.now + 4.days
select_datetime(my_date_time, date_separator: '/')

select_day(日付, オプション={}, HTML属性={} or イベント属性={})

my_date = Time.now + 2.days
select_day(my_date)

select_day(5)

select_day(5, use_two_digit_numbers: true)

select_time(時間=Time.current, オプション={}, HTML属性={} or イベント属性={})

my_time = Time.now + 5.days + 7.hours + 3.minutes + 14.seconds
select_time(my_time)

select_time()

select_year(日付, オプション={}, HTML属性={} or イベント属性={})

select_year(Date.today, start_year: 1992, end_year: 2007)

select_month(日付, オプション={} or HTML属性={} or イベント属性={})