HTML/input: Difference between revisions
< HTML
Jump to navigation
Jump to search
(→type - datetime values: noted dates of emails) |
(fix broken diveintohtml5 links) |
||
| Line 13: | Line 13: | ||
Smaller more atomic tests for specific input element attributes and types. | Smaller more atomic tests for specific input element attributes and types. | ||
=== autofocus === | === autofocus === | ||
* http://diveintohtml5. | * http://diveintohtml5.info/examples/input-autofocus.html | ||
=== placeholder === | === placeholder === | ||
* http://diveintohtml5. | * http://diveintohtml5.info/examples/input-placeholder.html | ||
=== type - datetime values === | === type - datetime values === | ||
| Line 21: | Line 21: | ||
proposed on WHATWG wiki http://wiki.whatwg.org/wiki/Input_element#new_date_time_inputs and 2010-08-08 mailing list http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-August/027725.html | proposed on WHATWG wiki http://wiki.whatwg.org/wiki/Input_element#new_date_time_inputs and 2010-08-08 mailing list http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-August/027725.html | ||
==== type month ==== | ==== type month ==== | ||
* http://diveintohtml5. | * http://diveintohtml5.info/examples/input-type-month.html | ||
==== type week ==== | ==== type week ==== | ||
* http://diveintohtml5. | * http://diveintohtml5.info/examples/input-type-week.html | ||
==== type date ==== | ==== type date ==== | ||
* http://diveintohtml5. | * http://diveintohtml5.info/examples/input-type-date.html | ||
==== type datetime ==== | ==== type datetime ==== | ||
* http://diveintohtml5. | * http://diveintohtml5.info/examples/input-type-datetime.html | ||
==== type datetime-local ==== | ==== type datetime-local ==== | ||
* http://diveintohtml5. | * http://diveintohtml5.info/examples/input-type-datetime-local.html | ||
==== type time ==== | ==== type time ==== | ||
* http://diveintohtml5. | * http://diveintohtml5.info/examples/input-type-time.html | ||
==== type month-day ==== | ==== type month-day ==== | ||
proposed on WHATWG wiki http://wiki.whatwg.org/wiki/Input_element#new_date_time_inputs and 2010-08-08 mailing list http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-August/027725.html | proposed on WHATWG wiki http://wiki.whatwg.org/wiki/Input_element#new_date_time_inputs and 2010-08-08 mailing list http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-August/027725.html | ||
| Line 37: | Line 37: | ||
=== type - identifier related values === | === type - identifier related values === | ||
==== type email ==== | ==== type email ==== | ||
* http://diveintohtml5. | * http://diveintohtml5.info/examples/input-type-email.html | ||
* http://paulrouget.com/e/html5formsandhtml5test | * http://paulrouget.com/e/html5formsandhtml5test | ||
==== type tel ==== | ==== type tel ==== | ||
* http://diveintohtml5. | * http://diveintohtml5.info/examples/input-type-tel.html | ||
Implementation notes: | Implementation notes: | ||
| Line 48: | Line 48: | ||
==== type url ==== | ==== type url ==== | ||
* http://diveintohtml5. | * http://diveintohtml5.info/examples/input-type-url.html | ||
Implementation notes: | Implementation notes: | ||
| Line 55: | Line 55: | ||
=== type - new simple type values === | === type - new simple type values === | ||
==== type color ==== | ==== type color ==== | ||
* http://diveintohtml5. | * http://diveintohtml5.info/examples/input-type-color.html | ||
==== type number ==== | ==== type number ==== | ||
* http://diveintohtml5. | * http://diveintohtml5.info/examples/input-type-number.html | ||
* http://diveintohtml5. | * http://diveintohtml5.info/examples/input-type-number-min-max-step.html | ||
==== type range ==== | ==== type range ==== | ||
* http://diveintohtml5. | * http://diveintohtml5.info/examples/input-type-range.html | ||
=== type - new special text values === | === type - new special text values === | ||
==== type search ==== | ==== type search ==== | ||
* http://diveintohtml5. | * http://diveintohtml5.info/examples/input-type-search.html | ||
== see also == | == see also == | ||
* [[HTML5]] home page | * [[HTML5]] home page | ||
* [[Accessibility/HTML5_Forms]] | * [[Accessibility/HTML5_Forms]] | ||
Revision as of 22:24, 5 December 2011
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
placeholder
type - datetime values
type year
proposed on WHATWG wiki http://wiki.whatwg.org/wiki/Input_element#new_date_time_inputs and 2010-08-08 mailing list http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-August/027725.html
type month
type week
type date
type datetime
type datetime-local
type time
type month-day
proposed on WHATWG wiki http://wiki.whatwg.org/wiki/Input_element#new_date_time_inputs and 2010-08-08 mailing list http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-August/027725.html
type email
- http://diveintohtml5.info/examples/input-type-email.html
- http://paulrouget.com/e/html5formsandhtml5test
type tel
Implementation notes:
- Browser should allow spaces, punctuation in general. Postel's law and all that for user-entry.
- If a tel is entered both with an international dialing code and with a "(0)" in the middle, that should be ignored when making/producing a canonical (e.g. UK numbers that have a (0) in the middle for "local" dialing).
type url
Implementation notes:
- Browser should allow user to type in a URL without "http://" and then simply imply it as the default protocol.
type - new simple type values
type color
type number
- http://diveintohtml5.info/examples/input-type-number.html
- http://diveintohtml5.info/examples/input-type-number-min-max-step.html
type range
type - new special text values
type search
see also
- HTML5 home page
- Accessibility/HTML5_Forms