6 Cool Things You Can Do With Regular HTML
source link: https://blog.bitsrc.io/super-cool-things-raw-html-can-do-35f2120c4cae
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
6 Cool Things You Can Do With Regular HTML
No fancy libraries, just regular, raw HTML
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 <input> tag and giving it a property of type=’color’.
2. Accordion
The <summary> tag defines a visible heading for the <details> element.
The heading can be clicked to view/hide the details.
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.
4. Progress bar
You can use the <progress> element which will represent the completion of something.
5. Autocomplete
The <datalist> tag is used to provide an “autocomplete” feature for the <input> elements.
We can see a drop-down of predefined options as you type.
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’).
We can use this method to produce emojis in HTML.
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.
Build modular, reusable React components with Bit.
Monorepos are a great way to speed up and scale app development, with independent deployments, decoupled codebases, and autonomous teams.
Bit offers a great developer experience for building component-driven monorepos. Build components, collaborate, and compose applications that scale. Our GitHub has over 14.5k stars!
Recommend
-
11
you can take the derivative of a regular expression?! And it’s actually useful?! Paul Wankadia sent me an email yesterday about regular expressions and I thought it was so interesting I decided to write up...
-
8
New Reality release: comprehensive docs and other cool things Apr 18, 2016 Remember the Reality library? That thing which wants to make the entire world inspectable...
-
11
Summoning Cthulhu by Parsing HTML with Regular Expressions Tal Brenev May 26, 2021 Regular expressions are an incredibly powerful tool. It is no wonder that so many...
-
2
A neural network is an adaptive system that can change its internal structure based on incoming information. Today neural networks help actively create new technologies and develop existing ones. They are actively used for machine vision (aut...
-
7
Given a short string of a HTML element, we want to extract atrribute of the element from the given string. We can use net/html package or g...
-
4
7 Cool HTML Elements Nobody Uses Searching for cool HTML elements, especially if you don't know what you're looking for, is often like being...
-
9
Filter content in HTML using regular expressions in grep Skip to main content...
-
8
6 Cool Things Boring Old HTML Can Do 🤯 Ever wondered does
-
5
10 Cool Things You Can Do With Logitech's Smart Actions
-
5
React vs HTML – Can You Spot a Difference?
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK