Max-Attribut nicht beachtet, wenn sie manuell Wert eingeben

Question

Ich habe ein input Feld, für das ich versuche Stunden am Tag 0 zu replizieren - 24:

<input type="number" min="0" max="24" step="1" value="00" class="time-hours"> 
<input type="number" min="0" max="60" step="1" value="00" class="time-seconds"> 

Wenn ich auf dem Auf-/Ab-Chevrons klicken, wird der max , und min kann ich zu 24 und 0 gehen, wie in meinen Attributen festgelegt.

Wenn ich jedoch auf eine Zelle klicke, kann ich eine beliebige Nummer eingeben, z. 100.

Wie kann ich sicherstellen, dass nur Zahlen zwischen 0 und 24 eingegeben werden können?