Here is the list of HTML attributes which many beginners don't know about, but can be helpful.
1) Accept
This element has the accept
the attribute which allows you to define the format of files the user can upload.
2) Contenteditable
This is a global attribute that makes the HTML content editable by the user.
I'm a cool editable div ;)
3) Spellcheck
This attribute is a global attribute that can be used to check spelling and grammar on HTML components like input and other editable elements.
Also remember, even if the spellcheck attribute is set to true and the browser supports spellchecking, typically non-editable elements are not checked for grammar,
Thanks furr checkinng my speling :)
4) Translate
This attribute notifies the browser if the content of the element should be translated or not.
For example, if you want to prevent Google Translate from trying to translate your company's or website's name.
5) Download
This attribute is used with an element to tell browsers to download a URL rather than navigating to it, so the user will be advised to save it as a local file.
For Example
Download me :)
Bonus :
Make the whole website Editable
We can use documents.designMode = "on" to make all website's content editable which helps while prototyping your HTML page.
Comment if you know more cool and useful attributes.