汎用的な数値入力ボックスを生成
適応バージョン
- 3.0.0
- 3.0.5
- 3.0.7
- 3.0.9
- 3.1.0
- 3.2.3
- 3.2.8
- 3.2.13
- 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
説明
モデルと関連のない数値入力ボックスを生成
使い方
number_field_tag(要素名, value値=nil, オプション={})
オプション
オプション | 説明 |
---|---|
:min | 最少値 |
:max | 最大値 |
:in | 最少値から最大値 |
:step | 許容値の粒度 |
:size | フォームの幅 |
:maxlength | 入力フィールドに入力可能な最大文字数 |
:accept | フォームで受付可能なMIMEタイプ |
:readonly | フォームの内容変更禁止 |
:disabled | 無効化 |
:tabindex | Tabキーによる入力欄の移動順 |
:accesskey | フォームに移動するショートカットキー |
:id | 要素固有の識別子 |
:class | 要素を分類するクラス名 |
:title | 要素の補足情報 |
:style | 要素の補足情報 |
:dir | 表記方向 |
:lang | 基本言語 |
例
数値入力ボックスを生成
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" />
class属性を付与
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" />