Force führende Null in Nummer Eingabe

Question

Ich schreibe eine Alarm-Web-App. Ich habe zwei Nummerneingänge, einen für die Stunden, einen für die Minuten. Wenn ich also meine Tastaturpfeile verwende, gehen sie von 0 nach 23/59. Gibt es einen nativen HTML-Weg, um sie von 00 (01,02, etc.) zu 23/59 zu machen?

Ich mache mir nur Sorgen um die UI-Aspekte, da mein JS die fehlende 0 sowieso verwaltet.

EDIT - Wie gewünscht:

Was ich habe:

Was ich will:

Statt von 0,1,2 bis 59 gehen Ich möchte automatisch eine führende 0 haben, wenn die Zahl kleiner als 10 ist (00,01,02 bis 59).

Answer 1

Ich fürchte, es gibt keinen nativen HTML-Weg, um dies zu tun, es sei denn mit einem Select-Tag. Wenn Sie eine Texteingabe verwenden, müssen Sie die führende 0 der ersten 10 Werte mit Javascript hinzufügen.

Answer 2

Ich benutze dies nur prepend Nullen nach Bedarf:

<script> 
    function leadingZeros(input) { 
    if(!isNaN(input.value) && input.value.length === 1) { 
     input.value = '0' + input.value; 
    } 
    } 
</script> 

Und ich rufe nur, dass auf die verschiedenen Veranstaltungen der Eingabe wie immer am besten für mich, zum Beispiel funktioniert:

<input type="number" 
     value="00" 
     onchange="leadingZeros(this)" 
     onkeyup="leadingZeros(this)" 
     onclick="leadingZeros(this)" /> 

Es ist nicht eine ideale Lösung, vor allem, weil es eine leichte visuelle Veränderung ist, wie der Benutzer die Zahl ändert und die Null wird vorangestellt, aber es funktioniert für mich :)

Bearbeiten: Vergessen zu erwähnen, ich schätze t Er hat nach einer nativen Lösung ohne Javascript gefragt, aber ich wollte etwas für Leute bereitstellen, die hier durch eine Google-Suche landen.