Gunnar Bittersmann: HTML 5 - Eingabefeld

Beitrag lesen

@@Sophie

würde es vielleicht so besser aussehen:

  1. <input type="number" min="0" step="1" />
  2. Ein Dropdownfeld mit 0,15 0,30 0,45

Eher <input type="number" min="0" step="1" />:<input type="number" min="0" max="45" step="15" />

Per JavaScript wird dafür gesorgt, dass beim Erreichen von 60 im Minutenfeld dieses genullt wird und das Stundenfeld eins hochgezählt wird. Beim Abwärtszählen entsprechend.

Damit man überhaupt 60 erreichen kann, muss man wohl auf max="60" ändern, und damit man abwärts zählen kann, muss man wohl auf min="-15" ändern – aber das mit JavaScript.

Für die Nutzer sollte das Ganze so aussehen wie ein Eingabefeld – und sich auch so anfühlen.

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory