Input type number

HTML

<input type="number" name="hours" min="0" max="23" #first>:
<input type="number" name="minutes" min="0" max="59">:
<input type="number" name="seconds" min="0" max="59">

<p>{{first.value}}</p>

CSS

body{ margin:1em; }
body *{ font-family:sans-serif }

input[type=number]{
    font-size:1em;
    width:2.5em;
    padding:3px;
    margin:0;
    border:1px solid #ddd;
    border-radius:5px;
    text-align:center;
}

input[type=number]:focus{
    outline:none;
}