input type=range und input type=number verbinden
bearbeitet von
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, dafür dient die Zahleingabe. Im jetzigen Entwurf mache ich das so:
~~~ html
<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
input type=range und input type=number verbinden
bearbeitet von
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, dafür dient die Zahleingabe. Im jetzigen Entwurf mache ich das so:
~~~ html
<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