Forms - Introducing HTML5 - page 89

My fi nal colour picker makes use of the range input type, the
new onforminput event, and the new output elements to show
the value (though this could easily use .innerHTML ). The fi nal
result is shown in Figure 3.13 .
FIGURE 3.13 An HSLA colour
picker using the onforminput
event.
Summary
Hopefully you've seen that HTML5 forms offer a huge produc-
tivity boost for developers and a consistent user experience
for users. They offer a ton of features right out of the box that
previously would have required a lot of custom coding (such as
form validation, or creating slider controls). Implementation is
at varying, but increasing, levels in Opera, the WebKit browsers
(Safari, Chrome), and beginning in Firefox. The lack of imple-
mentation in IE9 is fakable with JavaScript, as the new features
are designed to degrade gracefully.
Now let's move on to even sexier subjects.