Skip to content
GitLab
Projects Groups Topics Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • fusiondirectory fusiondirectory
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributor statistics
    • Graph
    • Compare revisions
  • Issues 33
    • Issues 33
    • List
    • Boards
    • Service Desk
    • Milestones
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Container Registry
    • Terraform modules
  • Activity
  • Graph
  • Create a new issue
  • Commits
  • Issue Boards
Collapse sidebar
  • fusiondirectoryfusiondirectory
  • fusiondirectoryfusiondirectory
  • Issues
  • #5910
Closed
Open
Issue created Oct 15, 2018 by bmortier@bmortierMaintainer

Use more HTML5 input types

We only use type="number" for now.

I think it would make sense to use types email, url and tel as they fallback without problem to a text input and will provide a better interface on some browsers.

We should also use type=search for search fields (may improve experience on phones).

The hard decision is whether to replace our date input by the type=date HTML5 input. Here is the support matrix: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date#Browser_compatibility

All major browsers seem to support it, and I expect most of them will have a better interface than our old fashion datepicker. It would mean switching from d.m.Y to YYYY-MM-DD format for POST value. We may keep d.m.Y as internal value to avoid confusing webservice and internal code (but I do think YYYY-MM-DD is a better and more widely used format).

For outdated browser, they would in this case show a text input field and users would have to "guess" they need to enter YYYY-MM-DD format. We can detect this case in javascript and maybe add a text to explain this, or even try to add the old datepicker (but that means adapt its code to support YYYY-MM-DD format). We can use pattern attribute to force NNNN-NN-NN format (with N an integer), which is more widely supported (IE>=10).

Actual behavior

inputs are using types text, select, url, button and number

Expected behavior

Use email, tel, search, date types.

Assignee
Assign to
Time tracking