The following tests all of the form validation controls.

invalid Event model options
Unsupported by this browser
Calendar controls
  • type=datetime
  • type=datetime-local
  • type=date (no step)
  • type=month step=2
  • type=week step=2
  • type=time step=any
Text input
  • type=text (required)
  • type=text (pattern="\d\d\d-\d\d-\d\d\d\d")
  • type=text (required pattern="\(\d\d\d\) \d\d\d-\d\d\d\d")
  • type=email (required, overriding oninvalid)
  • type=text (required)
  • type=text (pattern="")
  • type=url (required pattern)
  • (length should be 7) maxlength=10 (QUESTION: what about when maxlength < len(defaultValue))
  • type=range default step = 1
  • type=number min=-127, max=128, step=0.5
Non-input required

Favorite color:

Favorite food:

Movies:

Event Log
Form is valid!
# Type Element Model
(Click the "check validity" button above to fire events)