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

また、数値部分をクリックして、直接入力も可能です。