HTML5 Forms

Experimenting with new HTML input types, form validation, etc.

Resources

A few links that have helped me.

Error Styling

• http://www.broken-links.com/2011/06/16/styling-html5-form-validation-errors
• http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css
• http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css?rev=82180#L588
• http://code.google.com/p/chromium/issues/detail?id=88219
• http://trac.webkit.org/wiki/Styling%20Form%20Controls#WebKitr82180orlater
• http://my.opera.com/ODIN/blog/html5-forms-error-reporting-with-wobbly-bubbles
• http://blog.oldworld.fr/index.php?post/2011/05/Improving-HTML5-Forms-user-experience-with-moz-ui-invalid-and-moz-ui-valid-pseudo-classes
• http://blog.oldworld.fr/index.php?post/2010/11/17/HTML5-Forms-Validation-in-Firefox-4

Constraint API

• https://developer.mozilla.org/en/DOM/ValidityState
• http://developers.whatwg.org/association-of-controls-and-forms.html#constraints