HTML/input

Welcome to the Mozilla wiki page on the HTML5 <input> element. Please feel free to contribute new test pages or new sections. -- Tantek

This article is a stub. You can help MozillaWiki by expanding it.

input element test pages

General input element test pages:

• http://tantek.com/new-inputs.html
• http://bradshawenterprises.com/tests/formdemo.php
• http://devfiles.myopera.com/articles/67/example.html
• http://www.miketaylr.com/code/input-type-attr.html

specific attributes and types

Smaller more atomic tests for specific input element attributes and types.

autofocus

• http://diveintohtml5.org/examples/input-autofocus.html

placeholder

• http://diveintohtml5.org/examples/input-placeholder.html

type - datetime values

type year

proposed on WHATWG wiki http://wiki.whatwg.org/wiki/Input_element#new_date_time_inputs and mailing list http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-August/027725.html

type month

• http://diveintohtml5.org/examples/input-type-month.html

type week

• http://diveintohtml5.org/examples/input-type-week.html

type date

• http://diveintohtml5.org/examples/input-type-date.html

type datetime

• http://diveintohtml5.org/examples/input-type-datetime.html

type datetime-local

• http://diveintohtml5.org/examples/input-type-datetime-local.html

type time

• http://diveintohtml5.org/examples/input-type-time.html

type month-day

proposed on WHATWG wiki http://wiki.whatwg.org/wiki/Input_element#new_date_time_inputs and mailing list http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-August/027725.html

type - identifier related values

type email

• http://diveintohtml5.org/examples/input-type-email.html

type tel

• http://diveintohtml5.org/examples/input-type-tel.html

type url

• http://diveintohtml5.org/examples/input-type-url.html

type - new simple type values

type color

• http://diveintohtml5.org/examples/input-type-color.html

type number

• http://diveintohtml5.org/examples/input-type-number.html
• http://diveintohtml5.org/examples/input-type-number-min-max-step.html

type range

• http://diveintohtml5.org/examples/input-type-range.html

type - new special text values

type search

• http://diveintohtml5.org/examples/input-type-search.html

see also

• HTML5 home page
• Accessibility/HTML5_Forms