How do you get a HTML Browse button to filter and show only images?

Question

On an HTML page, using the INPUT tag, how can you get it so that when you click the browse button that it filters for image files only? Bonus points if it can include .bmp fil

Answer 1

Use the "accept" attribute on your input tag.

E.g.:

EDIT: On further reading, it seems this isn't properly supported by any major browsers and therefore shouldn't be used. Instead it look like you'll need to use some sort of server-side or JavaScript validation instead.