input type=range und input type=number verbinden

[JürgenB]

Hallo,

ich bin der Meinung, dass in vielen Fällen zu einem <input type=range> ein input type=number> gehört. Mit dem Schieber kann schnell den Wert einstellen, aber nur grob, fürs Genaue dient die Zahleingabe. Im jetzigen Entwurf mache ich das so:

<label>Rot<br>
  <input type="range" min="0" max="255" step="1" value="0"><br>
  <input type="number" min="0" max="255" step="1" value="0">
</label>

Die value werden dann durch ein Javascript gekoppelt.

Jetzt darf man natürlich ein Label nicht zwei Inputs zuordnen. Gibt es irgendeine „best practice“ hierfür? Oder muss ich da ein Custom-Element für basteln?

Gruß
Jürgen