HTML is the cornerstone of web development. Yet, many aspiring programmers merely skim the surface and move on to CSS, JS, etc, missing its entire potential.
This is a list of HTML attributes that many beginners don't know, but that can be helpful.
Please, let me know in the comments if you would like to add any other attribute to the list and I'll check it out ;)
1) Multiple
The multiple attributes allow the user to enter multiple values on an <input>. It is a boolean attribute valid for a file or email input type and the <select> element.
For an email input, if and only if the multiple attributes are specified, the value can be a list of comma-separated email addresses. Any whitespace is removed from each address in the list.
For a file input, the user can select multiple files as usual (holding down Shift or Crtl).
2) Accept
The <input> element has the accept attribute that allows you to specify the types of files the user can upload.
You need to pass it a string containing a comma-separated list of unique file type specifiers.
You can also use it to specify only audio, image, or video format.
3) Contenteditable
contenteditable is a global attribute (common to all HTML elements) that makes the HTML content editable by the user or not. However, be careful with changes only made to visible content vs the DOM content.
4) Spellcheck
The spellcheck is another global attribute that you can use to check spelling and grammar on HTML elements such as input fields and other editable elements.
Note: Typically non-editable elements are not checked for spelling errors, even if the spellcheck attribute is set to true and the browser supports spellchecking.
5) Translate
translate tells the browser whether the content should be translated or not.
For instance, you can use it to prevent Google Translate from automatically trying to translate your company's or brand's name.
6) Poster
Use the poster attribute to specify an image to be shown while the video is downloading, or until the user hits the play button.
If the image isn't specified, nothing is displayed until the first frame is available, then the first frame is shown as the poster frame.
7) Download
Use the download attribute combined with an <a> element to instruct browsers to download a URL instead of navigating to it, so the user will be prompted to save it as a local file.
You can also specify the file name.
Thanks for reading. Consider sharing!
Comments