Lighthouse has a new layout. Prefer the old one? Return to the old layout, and switch back any time from the link at the top of each page.

Feature request - Add new html5 input types

#885

There are several new input types allowed by html5 that aid form completion, esp. on handheld devices. The drawback is that they are not all fully implemented in each browser, however there are some fallback options http://diveintohtml5.info/forms.html, and at the very least, they fallback to a straight text input control.

This might best be implemented as a variation of the textcontrol (or genericcontrol) and isolated via the {control} smarty function. Here's a site with charts showing browser features: http://caniuse.com/forms

html5 controls worth adding would be:

  • we've already implemented 'placeholder' attribute but have no fallback
  • email
  • url
  • tel, telephone
  • number, as a spinbox with min, max, step, & value
  • range, number as a slider with min, max, step, & value
  • fieldset, probably needs to be reserved for wizard/pages?
  • maxlength, attribute for textarea (we already do input maxlength)
  • accept, attribute to limit filetype/mimetype of file input?

html5 control featurs not worth adding?

  • date, datetime, datetime-local, month, week, & time, date pickers aren't supported very well in browsers and we have a 'fallback' controll already
  • search, only provides a rounded box?
  • color, again not supported well and we already have a 'fallback' control
  • list, kinda like autocomplete is not supported well and we have one for tags already
  • autofocus, attribute though it has an easy fallback, we may not be on that control's tab?

Reported by dleffler · January 25th, 2013 @ 02:22 AM

State: new
Milestone: 2.2.0beta3
Assigned to: dleffler dleffler

Activity

  1. expNinja
  2. expNinja
  3. expNinja
  4. expNinja
  5. expNinja
  6. expNinja
    expNinja

    (from [3ebe6455465ccbb8d3356a11eb3a7d0cd873a6de]) Cleans up some of the calendar control types and for the time being makes them simple controls which can be used within the form designer (though some may lose their 'simple' status before stable release) [#885 Feature request - Add new html5 input types] https://github.com/exponentcms/exponent-cms/commit/3ebe6455465ccbb8...

    March 20th, 2013 @ 01:04 AM

  7. expNinja
  8. expNinja
  9. expNinja
    expNinja

    (from [0aad81542addd293d2724e501e7743eb9366a0dc]) Adds more simple controls for forms designer: url, telephone, email, range, number, yuicalendar (some date/time controls may not remain in stable release) [#885 Feature request - Add new html5 input types] https://github.com/exponentcms/exponent-cms/commit/0aad81542addd293...

    March 30th, 2013 @ 03:07 AM

  10. expNinja
  11. expNinja
  12. expNinja
    expNinja

    (from [d08fb57dd941e7197f7908f04a7bd44cf240ceba]) fixes several issues with parsing and displaying simple controls (calendar, country, datetime, popupdatetime, range, states, & yuicalendar; also updates the date/time formats to values suitable for Windows servers [#885 Feature request - Add new html5 input types] https://github.com/exponentcms/exponent-cms/commit/d08fb57dd941e719...

    April 3rd, 2013 @ 01:06 AM

  13. expNinja
    expNinja

    (from [9d36917c435c6eeb681e9be4fd6f49b07c9d1f61]) adds html5 form fallback if unimplemented in browser; also fixes several forms controls issues, pattern param now saved/recalled correctly, adds option to change control type in edit. [#885 Feature request - Add new html5 input types] https://github.com/exponentcms/exponent-cms/commit/9d36917c435c6eeb...

    April 9th, 2013 @ 11:24 AM

  14. expNinja

Please Sign in or create a free account to add a new ticket.

With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.