
The HTML accept attribute defines a filter for what file types the user can pick from the file input dialog box.
Syntax:
<input accept="file_extension|audio/*|video/*|image/*|media_type">
file_extension – define the file extension (e.g: .jpg, .png, .doc, .gif) the user can pick from.
audio/* – the user can pick all sound files.
video/* – the user can pick all video files.
image/* – the user can pick all image files.
media_type – a valid media type, with no parameters.
Example:
<!DOCTYPE html>
<html>
<body>
<form action="">
<label for="img">Select image:</label>
<input type="file" id="img" name="img" accept="image/*">
<input type="submit" value="Submit">
</form>
</body>
</html>
Output:
Enjoy coding!
Read also: