Wednesday, April 7th, 2010

HTML5 Forms. What support is there?

Category: HTML

<>p>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:

html5forms

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

Related Content:

  • HTML 5 nears completion: What is happening to HTML?
    HTML 5 is nearing completion. After a decade of relative stability for Web authors, it looks like we are headed for another period of dramatic...
  • Understanding the HTML5 standard
    Vendors are implementing HTML5 to take advantage of improved compatibility despite the fact that the standard won't be final until late...
  • Video, HTML5 canvas and the codec cavalcade
    Browser support is again a new frontier. Video codec are a central issue. A variety of codecs are being offered for HTML5. Some codecs may be the...
  • The impact of HTML5 on Web applications
    HTML, the HyperText Markup Language, is an essential part of the Internet experience. HTML5 is one part of what WHATWG sees as essential to the...
  • HTML5 guide
    HTML5 guide: The advent of HTML5 signals a new wave of Web programming methods, and a new slate of standards for enterprise application...

Posted by Dion Almaer at 6:24 am
7 Comments

++++-
4.3 rating from 10 votes

7 Comments »

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 findmebyip.com 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,

Jim
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.