User:Mounir.lamouri/HTML5 Forms: Difference between revisions
mNo edit summary |
(Implementation strategy) |
||
| Line 7: | Line 7: | ||
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 | ||
== | == Implementation strategy == | ||
The implementation strategy (not really respected at the moment) is to work on new elements then new input types so we can work on other stuff with a more general point of view. | |||
New elements have to be spitted in two: listed elements and non-listed elements. The missing listed elements (keygen, datalist, output) are going to be used internally (constraint validation api) or to use new stuff (like new attributes). It would be easier to have them added as soon as possible. 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. | |||
== Summary == | == Summary == | ||
Revision as of 15:35, 30 March 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.
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
Implementation strategy
The implementation strategy (not really respected at the moment) is to work on new elements then new input types so we can work on other stuff with a more general point of view.
New elements have to be spitted in two: listed elements and non-listed elements. The missing listed elements (keygen, datalist, output) are going to be used internally (constraint validation api) or to use new stuff (like new attributes). It would be easier to have them added as soon as possible. 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.
Summary
| 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 |
| Search | New input type | New input type for search boxes | bug 456229 | Pending review |
| Autofocus | New attribute | Focus an element on the page load | bug 546995 | Pending review |
| Button type behavior | Misc/Bug fix | Fix the button type behavior to fit the new specifications | bug 551670 | Pending review |
| Select size relation with multiple | Misc/Bug fix | Set the default element size depending on the multiple attribute | bug 551846 | Pending review |
| Legend element and form attribute | Misc/Bug fix | Legend element form has to be the fieldset form or null | bug 555567 | Pending review |
| Constraint Validation API | Misc | Implement the constraint validation API (constraints come with attributes) | bug 345624 | Pending review |
| Constraint Validation API | Misc | Implement the constraint validation API | bug 345624 | Pending review |
| keygen | New listed element | Implement keygen element (there is a hack at the moment) | bug 101019 | None |
| datalist | New listed element | Implement the datalist | bug 555840 | None |
| output | New listed element | Implement the output element | bug 346485 | None |
| url | New input type | New input type for url's/uri's | bug 344615 | None |
| color | New input type | New input type for colors | TBD | None |
| telephone | New input type | New input type for telephone numbers | TBD | None |
| number | New input type | New input type for numbers | TBD | None |
| range | New input type | New input type for floating numbers | TBD | None |
| date | New input type | New input type related to date/time | TBD | 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 |
| New attributes | New attributes | meta | meta | 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 |
| Specifics UI | Specific UI for element | meta | meta | None |