DEV Community

adarsh
adarsh

Posted on

6 Cool Things You Can Do With Regular HTML

ImageJS

It's no wonder that HTML can do some stuff that we might even think that it is an external library. If efficiently used we can even hack NASA (I'm just kidding). So let's look into some cool features of HyperText Markup Language.

1. Color Picker
Create a color picker by simply using the tag and giving it a property of type=’color’.

Images

Image des

2. Accordion
The tag defines a visible heading for the element.

The heading can be clicked to view/hide the details.

Image oo

Image ahh

You can create simple accordions using this method, without the need to implement CSS classes and JavaScript click handlers that toggle visibility whenever clicked.

3. Make a call
Call someone direct from your website.

Image calling

4. Progress bar
You can use the element which will represent the completion of something.

Image progress

Image progress2

5. Autocomplete
The tag is used to provide an “autocomplete” feature for the elements.

Image autocomplete

Image a1

Image a3

6. Emoji
Many UTF-8 characters cannot be typed on a keyboard. Some keyboards and devices also do not have an emoji input. However, emojis can always be displayed using numbers (known as ‘entity numbers’).

Image emoji

Image emojiw

Conclusion
Here we discussed a few HTML-only things that might save you time, and avoid the need to complicate things by incorporating CSS and JavaScript.

I hope you have found this useful. Were any of these tips new to you? If so, be sure to let us know in the comments.

Top comments (1)

Collapse
 
prashant-ardeshana profile image
Prashant Ardeshana

Helpful for beginners