HTML5

Chapter 3: Intelligent forms

This page shows all examples, graphics and links used in this chapter of HTML5: Guidelines for Web Developers. The first table lists examples and graphics with the relevant page numbers in the book, includes links (where applicable) to the online version of that page plus information on browser compatibility, and shows a preview of the figure in the book. Click on this preview to load the figure in original size in JPEG format. The second table lists all URLs which appear in the book on the relevant pages. If you would like to leave feedback or report any errors and bugs, please use the e-mail contact above.

page	example / figure	screenshot
39	Figure 3.1 Opera is already far ahead regarding implementation of new form input types created with: Opera 11
41	Figure 3.2 The input type “range” in Safari created with: Safari 5
42	Figure 3.3 Support of new form input types on an Android 2.1 phone with browsers WebKit (left, center) and Opera (right) created with: Chrome/Opera Mini 4
43	Figure 3.4 The new input types on a BlackBerry smartphone (BlackBerry 9800 simulator) created with: Blackberry (Webkit)
44	Figure 3.5 The “placeholder” attribute in Google Chrome created with: Chrome 6
48	Figure 3.6 The “meter” element and similar options for representing a state created with: Chrome 6
51	Figure 3.7 Opera, representing a “datalist” element created with: Opera 10.60
53	Figure 3.8 A combination of “input” and “select” elements as fallback for older browsers (here, Internet Explorer 8) created with: IE 9b
54	Figure 3.9 Selecting the key length in Google Chrome created with: Chrome 6
55	Figure 3.10 The public key of the “keygen” element, represented in Firebug created with: Firefox 4.0b
56	Figure 3.11 Two “output” elements show the number of products and the price in total created with: Opera 11
58	Figure 3.12 Error message for a blank input fi eld with the “required” attribute (Opera) created with: Opera 11
58	Figure 3.13 Error message in Opera after entering an invalid e-mail address created with: Opera 11
61	Figure 3.14 Opera displays an error message after an incorrect time input (in this case a violation of the “step” attribute) created with: Opera 11
62	Figure 3.15 Opera displays an error message during manual error handling (checking e-mail domain) created with: Opera 11
64	Figure 3.16 The almost completed support form created with: Chrome 6

page	URL
46	http://en.wikipedia.org/wiki/Regular_expression
46	http://www.regexe.com/
55	http://en.wikipedia.org/wiki/Public_key_infrastructure
55	http://en.wikipedia.org/wiki/Challenge-response_authentication