question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

create native HTML5 fields

See original GitHub issue

Because currently there is no vanilla datetime picker. Pickaday is only date selector.

  • create new field common type which has a “inputType” property. (break changes)
  • rename datetime field to datetimePicker (break changes)
  • rename slider field to rangeSlider (break changes)
  • update docs (add new radio values description)

Available types

  • date
  • datetime
  • datetime-local
  • time
  • month
  • week

Other HTML5 types

  • url
  • tel
  • radio

Set this inputType to the field type attributes:

input( :type="schema.inputType")

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:26 (26 by maintainers)

github_iconTop GitHub Comments

2reactions
lionel-bijaouicommented, Sep 2, 2016

Same thing should be done with slider field. It should be renamed “ion.rangeSlider” or “rangeSlider”. Also a “radio” field ! Switch is cool, but sometime you need more the 2 values. And “tel” for a native masked/cleave for phone number only. Last one is “url”. I would also like to point out that we need more HTML5 attributes:

  • autofocus
  • inputmode
  • selectionDirection
  • spellcheck

specific to text, search, tel, url or email:

  • pattern
  • size (also for password)

💥 More HTML5! 💥

1reaction
icebobcommented, Sep 27, 2016

Thanks! Tomorrow I will make the new release

Read more comments on GitHub >

github_iconTop Results From Across the Web

The HTML5 input types - Learn web development | MDN
The HTML5 input types · Email address field · Search field · Phone number field · URL field · Numeric field · Slider...
Read more >
UX And HTML5: Let's Help Users Fill In Your Mobile Form ...
In “Native Form Validation, Part 1,” Peter-Paul Koch goes into detail on why HTML and CSS form validation doesn't really make forms better ......
Read more >
Introduction to HTML5 Forms | HTMLGoodies.com
Forms are important features of web apps, providing an interface to share data between a client and a user. Learn about HTML5 forms....
Read more >
HTML5 form additions - W3C Wiki
HTML5 aims to standardise some of the most common rich form controls, making them render natively in the browser and obviating the need...
Read more >
Building HTML5 Applications - Better Web Forms with ...
Building HTML5 Applications - Better Web Forms with HTML5 Forms ... If you're a Web developer, you've probably created an HTML Form before....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found