Wednesday, April 7th, 2010

HTML5 Forms. What support is there?

Category: HTML

Jonathan Snook wrote about HTML5 forms and how they are coming. One of the biggest parts of HTML5 is the fact that we get lots of new tags as well as the APIs that we talk most often about.

Part of this is forms, and the new types that we get:

  • search
  • tel
  • url
  • email
  • datetime, date, month, week, time, and datetime-local
  • number
  • range
  • color

We get validation (required, etc) and more. But, what browsers support it? And, can you use a JS shim on top of HTML5?

For support, there are some good sites out there with a lot more red in the forms section than others:


Anne van Kesteren of Opera has also written recently about HTML5 forms and the rich Opera support.

Posted by Dion Almaer at 6:24 am

4.3 rating from 10 votes


Comments feed TrackBack URI

I tend to like Opera guys more and more.

Comment by kea — April 7, 2010

It would be nice if the row headers for the tables on linked to explanations of the tests. What exactly is the difference between CSS Animation and CSS Transitions? And I have no idea what the Forms: List, Placeholder, and Step attributes mean.

Comment by blepore — April 7, 2010

The quoted table is wrong at many points. E.g. Opera never supported mp3 and some web forms inputs were disabled in 10.5.

Comment by GreLI — April 7, 2010

In FireFox 3.6, go to about:config and enable html5 and try again.

Comment by TNO — April 7, 2010

Thanks for the mention Dion! :-)

@blepore – completely agree. It’s on our (mammoth) to-do list!
@GreLI – I’ve checked and re-checked the data. Could you get in touch with details of what you think is wrong? We use modernizr for most of the tests and as far as I know it’s all correct. But we’re _very_ keen to correct any mistakes ASAP.

Cheers guys,

DeepBlueSky / FindMeByIP

Comment by jimbomorrison — April 7, 2010

These enhancements to HTML5 form elements are eerily similar in form, function, and scope, to the ones I made several years ago, implemented server-side in XSLT and client-side in javascript. I also have type=”daterange” and “datetimerange” for selecting ranges of dates and datetimes. I am looking forward to widespread browser support for these, my conversion should be very straightforward.

Comment by JonathanLeech — April 7, 2010

@jimbomorrison your comparison tables are quite nice. Just as a suggestion, thought, it would be nice if we could choose what browsers you want to compare (for an Intranet, for example, I don’t care for certain older browsers), and it would be interesting to know which features are supported by the current IE9 preview version.

P.S. Nice webpage too!

Comment by Salva — April 8, 2010

Leave a comment

You must be logged in to post a comment.