色の入力欄を生成
適応バージョン
- 4.0.2
- 4.1.8
- 4.2.1
- 4.2.7
- 4.2.9
- 5.0.0.1
- 5.1.7
- 5.2.3
- 6.0.2.1
- 7.0.0
説明
色の入力欄を生成
使い方
color_field(オブジェクト名, メソッド名, オプション={}, HTML属性={} or イベント属性={})
# f.object
f.color_field(メソッド名, オプション={}, HTML属性={} or イベント属性={})
オプション
| オプション | 説明 |
|---|---|
| :disabled | 無効化 |
| :size | フォームの幅 |
| :maxlength | 入力フィールドに入力可能な最大文字数 |
| :placeholder | フォーカスが当たるまで表示される文字列 |
HTML属性
| HTML属性 | 説明 |
|---|---|
| :accept | フォームで受付可能なMIMEタイプ |
| :readonly | フォームの内容変更禁止 |
| :tabindex | Tabキーによる入力欄の移動順 |
| :accesskey | フォームに移動するショートカットキー |
| :id | 要素固有の識別子 |
| :class | 要素を分類するクラス名 |
| :title | 要素の補足情報 |
| :style | 要素の補足情報 |
| :dir | 表記方向 |
| :lang | 基本言語 |
イベント属性
| イベント属性 | 説明 |
|---|---|
| :onclick | クリックされた時 |
| :ondblclick | ダブルクリックされた時 |
| :onmousedown | マウスのボタンが押し下げられた時 |
| :onmouseup | マウスのボタンが離された時 |
| :onmouseover | カーソルが重なった時 |
| :onmousemove | カーソルが移動した時 |
| :onmouseout | カーソルが離れた時 |
| :onkeypress | キーが押されて離された時 |
| :onkeydown | キーが押し下げられた時 |
| :onkeyup | キーが離された時 |
| :onfocus | フォーカスされた時 |
| :onblur | フォーカスを失った時 |
| :onselect | 入力欄のテキストが選択された時 |
| :onchange | フォーカスを失う際に値が変化していた時 |
例
色の入力欄を生成
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)
f.color_field "car", "color"
#=> <input id="car_color" name="car[color]" type="color" value="#000000" />