Question

I have a time input, basically just:

Time: <input type="time" name="timeinput"/> 

http://jsfiddle.net/X8E9N/

According to
http://www.w3.org/TR/html-markup/input.time.html
it supports the step attribute. Is it possible to use this attribute (or other means) to set the step size to 10 minutes? If so, how?

I am aware of some other solutions (e.g. datebox plugin), but I’m hoping for a purely html solution if possible. I am using the datebox plugin sometimes, but it seems pretty slow on mobile devices so I am trying to use the native time pickers when possible.

Answer 1

Yes. You can specify step attribute in seconds.

However, Opera, iOS Safari, and Google Chrome don’t reject non-aligned user input. A user can specify 11:59 to such time field. Then, Opera and Google Chrome show a validation error message when he tries to submit the form.