input type=range und input type=number verbinden

[JürgenB]

Hallo Gunnar,

Was spricht gegen

<fieldset>
  <input type="range" tabindex="-1" aria-hidden="true" min="0" max="255" step="1" value="0">
  <label>
    Rot
    <input type="number" min="0" max="255" step="1" value="0">
  </label>
</fieldset>

fast nichts. Ich hätte nur das Javascript für das Synchronisieren der beiden Inputs ändern müssen, und das „Rot“ soll über beiden Inputs stehen. Daher habe ich es jetzt so gelöst:

<fieldset>
  <label for="rgb_r_r">Rot</label>
  <input type="range" tabindex="-1" aria-hidden="true" min="0" max="255" step="1" value="0">
  <input type="number" id="rgb_r_r" min="0" max="255" step="1" value="0">
</fieldset>

Vielen Dank für die Anregungen.

Gruß
Jürgen