HTML/input: Difference between revisions
< HTML
Jump to navigation
Jump to search
(cluster new input types, add type="year" type="month-day", links posted to whatwg wiki and list) |
(HTML) |
||
| (7 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
Welcome to the Mozilla wiki page on the [[ | Welcome to the Mozilla wiki page on the [[HTML]] <input> element. Please feel free to contribute new test pages or new sections. -- [[User:Tantek|Tantek]] | ||
{{stub}} | {{stub}} | ||
| 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 === | ||
==== type year ==== | ==== 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 | 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 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 | ||
* Implementation: [https://bugzilla.mozilla.org/show_bug.cgi?id=974341 Bug 974341] | |||
=== 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 | |||
==== type tel ==== | ==== type tel ==== | ||
* http://diveintohtml5. | * http://diveintohtml5.info/examples/input-type-tel.html | ||
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 ==== | ==== type url ==== | ||
* http://diveintohtml5. | * http://diveintohtml5.info/examples/input-type-url.html | ||
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 - 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 == | ||
* [[ | * [[HTML]] home page | ||
* [[Accessibility/HTML5_Forms]] | * [[Accessibility/HTML5_Forms]] | ||
Latest revision as of 07:49, 20 July 2018
Welcome to the Mozilla wiki page on the HTML <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
- Implementation: Bug 974341
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
- HTML home page
- Accessibility/HTML5_Forms