Dial

控えめなボタンと同じ作り（平らな白、1px #ccc の枠、下に1px #ddd の影）の円いつまみの周りに、options の label を灰色の目盛りとして並べ、つまみの縁の外に短い刻みを引きます。値は左下から時計回りに右下まで、270度の弧に等しく並べます。一つを選ぶと、その値を黒い太字にし（面で囲みません）、つまみの黒い針がその値へ回ります。

目盛りは3〜8個にします。弧に並べて読める数の上限で、それより多い時は Range を使います。9個以上を渡した場合、9個目以降を選ぶと違う目盛りを指さないよう針を隠し、選んだ値の黒い太字だけで示します。目盛りの文言は短い数や語にします。

実体は name を共有するラジオボタンのグループです。選んだ値を name で送信し、value を最初に選んでおきます。unit はつまみの下に小さな太字で単位を添え、disabled は使えなくし、つまみの形と塗りはそのままに、目盛りと単位の文字だけを灰色にします。

controllerの登録は要らず、JavaScriptが無い時も同じように動きます。