Question

I want to get a ‘time’ input box (that sows the arrows to increase/decrease time). The following code works in chrome/mozilla but it doesnt in internet explorer :

    <label for="moduleStart">Hours from:</label>
    <input type="time" name="moduleStart" class="dateFormat"/>

How can this be fixed?

Answer 1

Many element types are new in HTML5 thus not supported by older browsers. You could use a polyfill for non HTML5 browsers.

In this case one like:

http://dl.dropbox.com/u/598365/html5forms/html5forms.html

The objective is to allow authors to use most HTML5 control types and
attributes even in browsers which do not yet support all these new
HTML5 features. Some of these features are only implemented in the
latest version of Opera and partially in Webkit based browsers. To
achieve this we need the ability to recognize and handle correct
validation for these new types and be able to set: