File Input accept Attribute
The HTML5 revolution provided us several simple but important attributes like
placeholder. There's another one you may want to know about:
accept attribute is useful for
input[type=file] elements. Let's have a look at it!
I'll use Twitter's upload button to illustrate a good usage of the
<input type="file" name="media_empty" accept="image/gif,image/jpeg,image/jpg,image/png,">
accept attribute gets a comma-separated list of mime types for files desired file types. In this case, Twitter is allowing the user to upload common image formats.
Before we get started, it's worth me spending a brief moment introducing myself to you. My name is Mark (or @integralist if Twitter happens to be your communication tool of choice) and I currently work for BBC News in London England as a principal engineer/tech...