Question

In my application I want to let the user enter a time. To do so, I’m thinking about putting two select tags (Hours and Minutes). But I don’t want drop-down lists, I want the list to display just one item and when I click for example on the up arrow, I should go upper in the list.
example: The list of hours is displaying 01, when I click on the up arrow it will show 02 and after 03 and so on.
I don’t know the name of this tag, does anyone know how to make this ?
Thanks.

Answer 1

You are looking for a HTML5 input type="number" like this.

<input type="number" step="1" max="24" min="0" value="9"/>

But it won’t work on all browsers as of now.
If you are into jQuery, its much better to use Timepicker: http://trentrichardson.com/examples/timepicker/

$('#example3').timepicker({});