Share this page!

Enter URL or ID to Unroll

You can paste full URL like: https://x.com/threadreaderapp/status/1644127596119195649
or just the ID like: 1644127596119195649

How to get URL link on X (Twitter) App

  1. On the Twitter thread, click on or icon on the bottom
  2. Click again on or Share Via icon
  3. Click on Copy Link to Tweet
  4. Paste it above and click "Unroll Thread"!
  5. More info at Twitter Help
View Regular
Shripal Soni Profile picture
Shripal Soni
@codewithshripal
• Freelance web developer with 14+ years of experience • Sharing practical web dev tips regularly • Get 250+ well-illustrated frontend tips at https://t.co/BbReLJz4eO

Oct 17, 2022, 11 tweets

HTML Tip 💡

Improve UX for input controls using <datalist> element ✨

A thread 🧵 ↓

What is <datalist> element and how to use it?

We can provide label for each option of datalist to provide extra information.

Enhance UX of range input using datalist.

Enhance UX of color input using datalist.

Enhance UX of date input using datalist.

Enhance UX of time input using datalist.

Enhance UX of datetime input using datalist.

Limitations of datalist.

You can play with all the above-mentioned code and see the output at this playground:

codewithshripal.com/playground/htm…

Thanks for checking this out.

Follow @codewithshripal for getting daily tips/threads on web development.

Retweet/like the first tweet of the thread to help spread the word.

Share this Scrolly Tale with your friends.

A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.

Keep scrolling