User:Mounir.lamouri/HTML5 Forms: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(removing deprecated section)
Line 18: Line 18:


A comparison between the different browsers: http://www.findmebyip.com/litmus/#html5-forms-inputs
A comparison between the different browsers: http://www.findmebyip.com/litmus/#html5-forms-inputs
== Proposed implementation strategy  ==
The proposed implementation strategy (not really respected at the moment) is to work on new elements then new input types so we can work on other things with a more general point of view.
New elements have to be split in two: listed elements [http://dev.w3.org/html5/spec/forms.html#category-listed] and non-listed elements. The missing listed elements (keygen, and output) are going to be used internally (for the constraint validation api) or to use new stuff (like new attributes). It would be easier to have them added as soon as possible. In addition, even if the datalist is not a listed element, it is needed for the list attribute so it has to be implemented as soon as possible too. The non-listed elements (progress and meter) are low priority because they are not needed by other stuff and do not need anything too.
Then, we need a minimalistic implementation of the new input types/states for the same reason. We do not need to have a full and working implementation and certainly not specific UIs.
Follows the constraint validation and new attributes which may be easier to implement with all elements and input states available. Easier because the implementation would be doable in one time.
Finally comes the new non-listed elements and the specific UIs like color picker, date picker, etc.
'''Note:''' this is a global strategy and for some reason it may be not respected. For example, the maxlength attribute is only available for input and textarea elements, we do not need the new elements to work on them.


== Summary ==
== Summary ==

Revision as of 17:50, 20 May 2010

HTML5 Forms is a part of the HTML5 specifications about forms. It introduces new elements, and new input types which aim to help web developers to not re-invent what is already well known. For example, with HTML5 Forms, web developers will not have to write javascript code to tell you a field is required or to check your email address is valid.

Shipping Criteria

In order to ship in a Firefox release, each HTML5 form element must be complete to the following criteria:

1. It must include pleasant and working UI, where appropriate.

2. You must be able to use CSS to style the element, especially the UI that we generate. This includes any pre-defined pseudo-selectors (invalid, required, icon, etc.)

3. If there's a constraint API the API must be complete.

4. It should be fully accessible.

Implementation status

Wikipedia offers a non-exhaustive overview of the implementation for the main layout engines: http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28HTML5%29#Form_elements_and_attributes

A comparison between the different browsers: http://www.findmebyip.com/litmus/#html5-forms-inputs

Summary

HTML5 Forms Meta bug: bug 344614

HTML5 Form Controls UI Meta bug: bug 558593

Name Type Description Bug ID(s) Status
placeholder New Attribute The placeholder shows a hint to the user bug 457800 Done
maxlength New attribute Limit the text length of an input or textarea element bug 535043 bug 536891 bug 536895 Done
Button type behavior Misc/Bug fix Fix the button type behavior to fit the new specifications bug 551670 Done
output New element Implement the output element bug 346485 Done
telephone New input type New input type for telephone numbers bug 557620 Done
search New input type New input type for search fields bug 456229 Done
Legend element and form attribute Misc/Bug fix Legend element form has to be the fieldset form or null bug 555567 Done
autofocus New attribute Focus an element on the page load bug 546995 Done
label.control new attribute control attribute for label element bug 562932 Done
Constraint Validation API Misc Implement the constraint validation API (specific constraints will come with new attributes) bug 345624 Ready to be landed
url New input type New input type for url's/uri's bug 344615 Ready to be landed
required New attribute Specify the element is required for form validation bug 345822 Ready to be landed
pattern New attribute Specify the element has to follow a pattern (regexp) for form validation bug 345512 Ready to be landed
:required and :optional pseudo-class CSS pseudo-classes using required attribute bug 506554 Ready to be landed
Select size relation with multiple Misc/Bug fix Set the default element size depending on the multiple attribute bug 551846 Pending super-review
email New input type New input type for email adresses bug 555559 Pending Review
input type search style UI Style for input type='search' bug 558594 Pending Review
formtarget new attribute override the form element target attribute bug 566064 Pending review
formaction New attribute Override the form action attribute depending on the used submit control bug 566160 Pending review
autocomplete New attribute Auto-completion with earlier user inputs bug 557628 Need specification fixes
accept New attribute Specify accepted files for upload bug 377624 WIP
placeholder style Misc/CSS Default style and style customization of the placeholder text bug 548626 bug 457801 bug 556145 WIP
number New input type New input type for numbers bug 344616 WIP
labels New attribute Access to the labels labelling the element bug 556743 WIP
color New input type New input type for colors bug 547004 Mockup in progress
datalist New listed element Implement the datalist bug 555840 In pause
keygen New listed element Implement keygen element (the current implementation has been done before the specification) bug 101019 None
range New input type New input type for floating numbers bug 344618 None
date New input type New input type related to date/time bug 446510 None
datetime New input type New input type related to date/time TBD None
month New input type New input type related to date/time TBD None
week New input type New input type related to date/time TBD None
time New input type New input type related to date/time TBD None
datetime-local New input type New input type related to date/time TBD None
list New attribute Add predefined suggestions bug 556007 None
min/max New attribute Specify min and max values for form validation bug 556010 None
step New attribute Specify step form numbers bug 556009 None
novalidate New attribute Specify the form shouldn't be validated bug 556013 None
form New attribute Associate the element with a specific form TBD None
formenctype New attribute TBD TBD None
formmethod New attribute TBD TBD None
formnovalidate New attribute TBD TBD None
progress New non-listed element Implement the progress element bug 514437 None
meter New non-listed element Implement the meter element bug 555985 None
Color picker Specific UI UI to easily select a color TBD None
Date picker Specific UI UI to easily select a date TBD None
Time picker Specific UI UI to easily select a tiwe TBD None
Date/Time picker Specific UI UI to easily select a date/time TBD None
Week picker Specific UI UI to easily select a week TBD None
Month picker Specific UI UI to easily select a month TBD None
Local date/time picker Specific UI UI to easily select a local date/time TBD None
Range select Specific UI Floating number select with min/max/step management TBD None
Retrieved from "https://wiki.mozilla.org/index.php?title=User:Mounir.lamouri/HTML5_Forms&oldid=224574"