Web Forms 2.0 test case - input[type=number|text]

This page was created using 10-year old styling techniques known as Cascading Style Sheets. Your browser either doesn't support these techniques, or is unable to load the Style Sheet. This page might not work for you.

This page was layed out for larger screens. This page might not work for you.

About this test case
This page tests support for Web Forms 2.0, and is a counterpart to the Sumbrero puzzle solver, hence the appearance. If this test case doesn't work in your browser, be sure to check out its counterpart. Because of Web Forms 2.0, this test case cannot conform to HTML4.01.
Goal
Testing html attributes, script handling, and CSS support by browsers for two input types defined by Web Forms 2.0: the number input and the text input.
What to look out for
  1. CSS support: browsers should either execute both foreground and background color styling on elements, or neither, to avoid contrast conflicts. See specific test case. Currently, Opera 9.10 fails this test for input[type=number].
  2. Expecting the invalid event to fire upon crossing min and max boundaries for input[type=number|text]. Don't know yet whether this should fire automatically (by browser) or programmatically (by author).
  3. Expecting the invalid event to fire upon creating unmatched patterns for input[type=text]. Don't know yet whether this should fire automatically (by browser) or programmatically (by author).
  4. Browsers that don't support Web Forms 2.0 (like MSIE7, Gecko) should ignore the extra attributes and continue to work as if the markup were quirky html (due to a lack of valid doctype).
Examples
  1. All different numbers from 1 to 7
  2. Several duplicate low numbers
  3. Several duplicate high numbers

(c) 2006 by A.E.Veltstra for Omega Junior Imagins. Sumbrero is a registered trademark. It seems the owner of that trademark is Puzzelland. You can find a Java Applet on their site too, to puzzle online. Omega Junior Imagins is not related to Puzzelland in any way.