Powerful HTML Abilities You Didn't Know About
HTML is a powerful technology that is often overlooked. Discover the hidden abilities of HTML with this blog post, including spellcheck, downloading files, video thumbnails, and more.
Pratham
DevRel @HyperspaceAI • Prev @Rapid_API • Partners @iteration_x @10Web_io @StockImgAI @JamDotDev @CohesiveAI @refine_dev @chatlingai @Inboxproio @Docus_ai
-
HTML is the most ignored technology.
— Pratham (@Prathkum) June 10, 2023
Powerful HTML abilities that you didn't know about them yet: 🧵 -
1. Check the spelling
— Pratham (@Prathkum) June 10, 2023
The HTML `spellcheck` attribute checks for spelling errors. pic.twitter.com/rSztMn76t9 -
2. Download file
— Pratham (@Prathkum) June 10, 2023
The download attribute will let you download the file specified in the href attribute when a user clicks on the hyperlink. pic.twitter.com/FAXpJpIYMC -
3. Video thumbnail
— Pratham (@Prathkum) June 10, 2023
The "poster" attribute specifies an image to be shown while the video is downloading, or until the user hits the play button.
Like a YouTube thumbnail. pic.twitter.com/TLmXatRFLI -
4. Translate
— Pratham (@Prathkum) June 10, 2023
Use "translate" attribute and set its value to "no" for your company name.
So that in case, the webpage is translated into another language, your brand name will remain intact. pic.twitter.com/Mo08umpHow -
5. Autocomplete input field
— Pratham (@Prathkum) June 10, 2023
The "autocomplete" attribute specifies whether a form or an input field should autocomplete on or off. pic.twitter.com/TgaXz4mg2q -
6. Multiple files
— Pratham (@Prathkum) June 10, 2023
Using "multiple" attribute of the input element, a user is allowed to enter more than one value in the input field.
It is valid for type "email" and "file" only. pic.twitter.com/SujUViCgDD -
7. Target
— Pratham (@Prathkum) June 10, 2023
We can specify where to display the linked URL — a tab, window, or iFrame.
Open link in tab by just adding 'target' attribute as "_blank" pic.twitter.com/43BffoabIw