Thread by @Prathkum

8 amazing HTML attributes that are so powerful and maybe you haven't heard of them yet

🧵👇🏻

1️⃣ Translate

The translate attribute specifies whether the content of an element should be translated or not

You can use it in your brand name so that whenever page translated to other language, your brand name will keep same

2️⃣ sandbox

Applies extra restrictions to the content in the frame. The value of the attribute can either be empty to apply all restrictions, or space-separated tokens to lift particular restrictions

sandbox attribute accepts following values

3️⃣ Reversed

Reversed attribute simply reverse the numbering of ordered list. Instead to 1, 2, 3... It will be 3, 2, 1

4️⃣ Poster

Specifies an image to be shown while the video is downloading, or until the user hits the play button. You can consider it as a thumbnail

5️⃣ Pattern

Specifies a regular expression that an <input> element's value is checked against. For example, a password field must contain 8 or more characters

6️⃣ Tabindex

The tabindex attribute specifies the tab order of an element (when the "tab" button is used for navigating).

For example, the element with tabindex="1" will be focused when user press the tab first time

Check this pen for better understanding

codepen.io/prathamkumar/p…

7️⃣ Accept

The accept attribute specifies the types of files that the server accepts (that can be submitted through a file upload)

8️⃣ Draggable

The draggable attribute specifies whether an element is draggable or not. It is often used in drag and drop operations.

Thanks for the amazing response🔥

Which one did you like the most?