Insha Profile picture
Jun 1, 2021 10 tweets 3 min read Read on X
6 HTML Attributes you may not be using.

A Thread 👇
1️⃣ Contenteditable

Specifies whether the content of an element is editable or not.

All you have to do is set the contenteditable attribute on nearly any HTML element to make it editable.
2️⃣ Spellcheck

The spellcheck attribute specifies whether the element is to have its spelling and grammar checked or not.

The following can be spellchecked:

-Text values in input elements (not password)
-Text in <textarea> elements
-Text in editable elements
3️⃣ Download

The download attribute specifies that the target (the file specified in the href attribute) will be downloaded when a user clicks on the hyperlink.

The optional value of the download attribute will be the new name of the file after it is downloaded.
4️⃣ Hidden

The hidden attribute is a boolean attribute.

When present, it specifies that an element is not yet, or is no longer, relevant.

The hidden attribute can also be used to keep a user from seeing an element until some other condition has been met .
5️⃣ Multiple

The multiple attribute is a boolean attribute. It specifies that the user is allowed to enter/select more than one value.

Valid for the email and file input types and the <select>,the manner by which the user opts for multiple values depends on the form control.
The multiple attribute works with the following input types: email, and file.

For <input type="file"> : To select multiple files, hold down the CTRL or SHIFT key while selecting.
For <input type="email">: Separate each email with a comma, like: mail@example.com, mail2@example.com, mail3@example.com in the email field.
6️⃣ Poster

The HTML poster Attribute is used to display the image while the video is downloading or when the user clicks the play button.

If this image not set then it will take the first frame of video as a poster image.
That's all for this thread. If you found it useful a retweet to the first tweet would mean a lot.😊

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Insha

Insha Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @Insharamin

Mar 11, 2023
10 repositories that will transform the way you approach technical interviews.

A Thread 👇🏻
1. Coding University Interview

A complete computer science study plan to become a software engineer. This GitHub repo will take you from ground level to advanced concepts in a systematic manner.

🔗 github.com/jwasham/coding…
2. Tech Interview Handbook

This repository has practical content that covers all phases of a technical interview, from applying for a job to passing the interviews to offer negotiation.

🔗 github.com/yangshun/tech-…
Read 12 tweets
Mar 10, 2023
TED Talks are life-changing.

Here are 10 most popular TED Talks of all time ↓
1. The puzzle of motivation: Dan Pink

2. How to make stress your friend: Kelly McGonigal

Read 12 tweets
Feb 14, 2023
Use these 5 Websites to accelerate your learning in JavaScript 🧵
1. The Modern JavaScript

Learn everything from the basics to advanced topics with simple, but detailed explanations.

javascript.info
2. JavaScript - The Complete Guide

JavaScript is omnipresent, be it front-end, back-end, or full stack.

Learn modern JavaScript from this guided roadmap filled with content, examples, resources, & project ideas.

On completion, earn a certificate too!

showwcase.com/roadmap/7/java…
Read 7 tweets
Feb 13, 2023
Google Chrome has over 137,000 extensions. These 10 will save you hundreds of hours (all free):
1. Scribe

Gone are the days of tedious step-by-step guides! Scribe lets you create automatic tutorials for your team with the click of a button.

chrome.google.com/webstore/detai…
2. WordTune

Wordtune is an AI-powered writing tool that understands what you’re trying to say and suggests ways to make your writing clearer, more compelling, and authentic.

chrome.google.com/webstore/detai…
Read 12 tweets
Nov 30, 2022
10 tips and tricks that will transform the way you search on Google!

A Thread 👇
1. Use quotation marks to search for an exact phrase.
2. The site: allows you to perform a search for a particular website or content.
Read 12 tweets
Nov 28, 2022
STEP UP YOUR CODING GAME!

Coding may not be as addictive as candy crush, but these 9 games will help you enhance your coding skills and have fun while doing it!

A Thread 👇
1. CodinGame

CodinGame offers up fun free games to help learn more than 25 programming languages, including JavaScript, Ruby, and PHP.

codingame.com/start
2. CodeCombat

CodeCombat is aimed at helping students embrace learning as they play and write code from the very start of their adventure.

codecombat.com
Read 14 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(