HTML5 input type date, color, range support in Firefox and Internet Explorer

cross-browserfirefoxhtmlinternet explorer

I've build all my website using many forms with HTML5 (using the input types date, color and range.)

Everything works fine in Google Chrome.

But when I turn on Internet Explorer and Firefox, all input fields become like input type text.

Is there a way or a script I can download to make forcing the displaying of this input correctly?

Best Answer

Since HTML5 hasn't been completely standardized yet, not all browsers do support these input types. The intended behaviour is to fall back to <input type="text">.

See here for more information on browser support for HTML5 input types.

You can test for support using the Modernizr library or with some custom JavaScript. If you detect a certain HTML5 feature isn't available, you can fall back to JavaScript-based alternatives.

Related Topic