DEV Community

joedev090
joedev090

Posted on

2

Html Tags for frontend developers

Some web developers doesn't have enough time to check some useful html tags that can save us time in our applications.

  1. Datalist
  2. The "datalist" html element provides an autocomplete interface for "input" elements. It contains a set of elements that have an associated value.

    datalist resource

  3. Details
  4. The accordions are very common UI element in websites or applications when we need to show lot of data, such as a questions page. By using the "details" element alongside "summary", we can achieve the same effect without JavaScript. Clicking the summary will toggle the rest of the content.

    details resource

  5. ColorPicker
  6. When we want to add a colorPicker element, most of time we have implemented it with a Javascript library or Jquery (a little bit faster). In html we can use this type of input (type="color") to provide a user interface element that lets a user specify a color.

    input color resource

  7. Progress
  8. One of the more surprised for me is the "progress" element. It displays an indicator showing the completion progress of a task.

    progress bar resource

Billboard image

Use Playwright to test. Use Playwright to monitor.

Join Vercel, CrowdStrike, and thousands of other teams that run end-to-end monitors on Checkly's programmable monitoring platform.

Get started now!

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay