ActionView::Helpers::FormHelper

color_field

API docs (Rails 8.1.4.1) ↗

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

Description

Creates an <input> with type="color" for a model attribute.

Arguments

Changing a value updates the ERB and HTML.

object_name:car

method:color

options= {}

:value = the object's value

"red"

Sets value to the given value as is, without validating it (nil and false behave as if omitted). Defaults to the object's value if it contains # followed by six hexadecimal digits (the whole value is downcased), and to #000000 otherwise. Without an object, defaults to #000000.

Common options

Rails handles these options the same way in every helper. Options the HTML spec does not allow on the <input type="color">, and ones this site considers rarely used, are not listed here.

Shared by form helpers

:name = generated

"q"

Replaces the generated name with the given value. nil omits name.

:id = generated

nil

Replaces the generated id with the given value. nil omits id.

Shared by all helpers

:disabled

truefalse

true adds disabled="disabled"; false omits it. The same goes for every HTML attribute in Rails' list (BOOLEAN_ATTRIBUTES), such as readonly, required and autofocus: any value other than false or nil adds it as attr="attr".

:class

{active: true, hidden: false}

A hash gives the keys whose values are not false or nil, joined with spaces. An array gives its elements joined with spaces, after removing nil, false and empty strings (including whitespace-only strings).

:data

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

A hash adds data-* attributes, with _ in the keys converted to -. Array and hash values are converted to JSON strings.

:aria

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

Like :data, adds aria-* attributes. Array values are joined with spaces, leaving out nil and empty strings (nothing is added if none remain). For a hash value, the keys whose values are not false or nil are joined with spaces.

Any other options become HTML attributes of the <input type="color">; those with a nil value are left out.

ERB

Changes from the previous output: Added Removed Changed

HTML

Preview

Interacting with the preview updates the form submission.

Form submission

Form data

name	value

Request body

Content-Type:

params