フォームなどの数値入力などの際に、jQueryプラグインnumberScrollを使って、マウスホイールの操作でスライダー式の数値を増減させることができます。サンプルのダークピンクの背景の数値にホバーし、マウスホイールを操作すると、数値を増減できます。入力数値の設定は、inputタグ内で、ステップの値、スライダーのタイプ、最小の値、最大の値、初期表示の値、ラベル名を設定できます。

また、数値部分をクリックして、直接入力も可能です。
 step: 2 min: 0 max: 無し 初期値: 20
 step: 0.1 min: 0 max: 50 初期値: 30.5
※参照元:https://github.com/djave-co/numberScroll
戻るボタン