HTML5Forms.js Test Cases

• My Examples that show html5Forms.js in action:
  • required and pattern validation
  • required and pattern validation with visibleIf
  • autofocus example
  • placeholder example
  • range example
  • the various date related widgets. Note that because of the huge difference between WebKit's date-picker implementation, it is possible to force the JavaScript date picker instead of the native one.
  • output tag with oninput event
  • color example
  • Error message styling example.
  • Styling of the validation state of a form field (i.e. :on_valid, :on_invalid)
  • And now ... everything together.
• Various Examples from other websites:
  • Payment Form from Inayaili de León's tutorial on HTML5 form
  • HTML5 Form Demo from Richard Bradshaw's article Fancy Forms: HTML5 + CSS3 – JS. It is a good example of how to use CSS3 to show the validity state of the form element.