Skip to content
This repository has been archived by the owner on Apr 3, 2024. It is now read-only.

Support more HTML5 input "types" for better end-user UX #135

Open
FuelAgency opened this issue Jan 29, 2019 · 2 comments
Open

Support more HTML5 input "types" for better end-user UX #135

FuelAgency opened this issue Jan 29, 2019 · 2 comments

Comments

@FuelAgency
Copy link

HTML5 implements a range of new form input types that make filling out forms a much friendlier experience, especially for mobile device users. When a text field is selected, a customised keyboard is shown that is optimised to the field requirements.

  • An "Email" field displays a keyboard with an @ symbol
  • A Number field shows a number keypad
  • A Colour field shows a colour picker

There's some great improvements available (device and browser dependant). It would be nice if the Formulate tool began to implement some of them.

See documentation here: https://www.w3schools.com/html/html_form_input_types.asp

@Nicholas-Westby
Copy link
Contributor

Makes sense. I've marked this as "help wanted" to denote that anybody in the community can submit a pull request for this.

BTW, for the fields that are essentially just a text field with a different type (e.g., email), it might make sense to just modify the text field so that it has a type drop down.

@FuelAgency
Copy link
Author

BTW, for the fields that are essentially just a text field with a different type (e.g., email), it might make sense to just modify the text field so that it has a type drop down.

Indeed. The "Text" variants would seem easy wins. Either via the Add Field interface where the current "Text" option could be duplicated for Email, Number, Color (to cover some basics). Or as you suggest, a new drop-down added the the current "Text" Form Information interface where an Input Type could be changed from the default "text" to these others that would be suitable for single-line text input.

I hope someone dives in and has a crack at implementing :)

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants