Input time mit vorgabe

[Gunnar Bittersmann]

@@Jens Müller (Incognito)

<input type="time" name="uhrzeit" min="9" max="22" value="19:09">

Wobei Min am 9 Uhr startet und Max dann heißt, bis 22 Uhr

Nein. Die Spec sagt: “The min attribute, if specified, must have a value that is a valid time string. The max attribute, if specified, must have a value that is a valid time string.”

Richtig wäre <input type="time" name="uhrzeit" min="09:00" max="22:00" value="19:09">

Und weiter im Text: “The step attribute is expressed in seconds. […] The default step is 60 seconds.”

Ich hab bis her immer die möglichen Zeiten als Liste ausgegeben und dann mit Radio-Button auswählen lassen. Zum Teil wird die Seite dann aber extrem lang.
Oder hat jemand eine andere Idee wie ich das anschaulicher darstellen könnte?

Wieso ein Radiobutton, kennst du das <datalist> Element?

Das macht die Benutzung nicht besser.

Und man kann dann auch jeden Wert eingeben, nicht nur die vorgegebenen.

LLAP 🖖