Range

value に数値を渡すと単一値、[下限, 上限]を渡すと範囲指定になります。min・max はスライダーの両端に灰色の小さな数で出します。溝は当時のMacの標準のスライダーに近い、1px #9c9c9c の枠で両端を丸めた高さ6pxの細い溝で、まだ進んでいない側は淡い灰色の縦の塗り、進んだ側（範囲指定では下限から上限まで）はチェックボックスの選んだ状態と同じ淡い青の縦の塗りにします。つまみはラジオボタンと同じ枠（#939393）と、中ほどで段の付く白から灰色への縦の塗りの円です。フォーカスするとつまみの縁を青にし、外に淡い青の輪を広げます。disabled では溝・つまみ・塗りをそのままにし、文字だけを灰色にします。step などの残りの属性は標準の range 入力へ渡します。

単一値は name で値を送信し、名前の行の終わりに現在値を unit を添えて出します。範囲指定は <name>-start・<name>-end の二つの名前で送信し、スライダーの下に下限・上限の数の入力を unit を添えて並べます。数の入力は送信しません。

範囲指定では、下限が上限を越えないように、動かした側をもう一方の値で止めます。数の入力で確定した値も同じように止めてスライダーへ移します。

RangeController を range として登録します。上流の SliderController の状態管理と上下限の制約に、現在値の表示と数の入力の同期を加えたものです。値はcontrollerの value（単一値）、start・end（範囲指定）で読み書きでき、書いた値は表示にも移します。範囲指定の数の入力は NumberField で、NumberFieldController を number-field として登録すると PageUp・PageDown でも動かせます。

操作で値が確定すると slider:beforechange と slider:change を出します。標準の input・change もそのまま受け取れます。数の入力の確定は、その入力の標準の change で受け取れます。フォームのリセットでは表示も初期値に戻します。

JavaScriptが無い時は、単一値は現在値の表示の無いスライダーになります。範囲指定は「下限」「上限」のラベルが付いた独立した2本のスライダーになり、下限が上限を越えても止めません。受け取った値の前後関係は送信先でも確かめます。