ActionView::Helpers::FormHelper

color_field

API ドキュメント（Rails 8.1.4.1） ↗

def color_field(object_name, method, options = {})

説明

モデルの属性に紐づく、type="color" の <input> を作ります。

引数

値を変えると、ERB と HTML が変わります。

object_name:car

method:color

options= {}

:value = オブジェクトの値

"red"

渡した値は確かめずに、そのまま value 属性の値にします（nil と false は、デフォルトと同じです）。デフォルトでは、オブジェクトの値に # と 16 進数 6 桁が含まれていれば値全体を小文字にして使い、なければ #000000 にします。オブジェクトがなければ #000000 です。

ヘルパー共通の options

Rails はどのヘルパーでも、これらの options を同じように処理します。HTML の仕様で <input type="color"> に使えないものや、使う場面が少ないとこのサイトで判断したものは、ここでは省いています。

フォームヘルパー共通

:name = 自動で作る

"q"

自動で作る name 属性の値の代わりに、渡した値を使います。nil を渡すと、name 属性を追加しません。

:id = 自動で作る

nil

自動で作る id 属性の値の代わりに、渡した値を使います。nil を渡すと、id 属性を追加しません。

すべてのヘルパー共通

:disabled

truefalse

true にすると disabled="disabled" を追加し、false にすると追加しません。readonly、required、autofocus など、Rails が持っている一覧（BOOLEAN_ATTRIBUTES）にある HTML 属性はどれも同じで、値が false と nil 以外なら 属性名="属性名" の形で追加します。

:class

{active: true, hidden: false}

Hash を渡すと、値が false と nil 以外のキーを空白でつなぎます。配列を渡すと、nil、false、空の文字列（空白だけの文字列も）を外して、空白でつなぎます。

:data

{controller: "tags", tags_suggestions_value: ["ruby", "rails"]}

Hash を渡すと、キーの _ を - にして、data-* 属性を追加します。値に配列や Hash を渡すと、JSON の文字列にします。

:aria

{describedby: ["name_help", "name_error"], invalid: false}

:data と同じく、aria-* 属性を追加します。値が配列なら、nil と空の文字列を外して、空白でつなぎます（何も残らなければ、追加しません）。値が Hash なら、値が false と nil 以外のキーを空白でつなぎます。

ここにない options は、<input type="color"> の HTML 属性になります。値が nil なら、その HTML 属性は追加しません。

ERB

直前との違い：追加削除変更

HTML

プレビュー

プレビューを操作すると、フォーム送信の内容が変わります。

フォーム送信

フォームデータ

name	value

リクエストボディを見る

Content-Type：

params