HTML <input> accept Attribute
Example
Specify that the server accepts only image files in the file upload:
<form action="/action_page.php">
<input type="file" name="pic" accept="image/*">
<input type="submit">
</form>
Try it Yourself »
Definition and Usage
The accept attribute specifies the types of files that the server accepts (that can be submitted through a file upload).
Note: The accept attribute can only be used with <input type="file">.
Tip: Do not use this attribute as a validation tool. File uploads should be validated on the server.
Browser Support
The numbers in the table specify the first browser version that fully supports the attribute.
| Attribute | |||||
|---|---|---|---|---|---|
| accept | 8.0 | 10.0 | 4.0 | 6.0 | 15.0 |
Differences Between HTML 4.01 and HTML5
NONE.
Syntax
<input accept="file_extension|audio/*|video/*|image/*|media_type">
Tip: To specify more than one value, separate the values with a comma (e.g. <input accept="audio/*,video/*,image/*" />.
Attribute Values
| Value | Description |
|---|---|
| file_extension | A file extension starting with the STOP character, e.g: .gif, .jpg, .png, .doc |
| audio/* | All sound files are accepted |
| video/* | All video files are accepted |
| image/* | All image files are accepted |
| media_type | A valid media type, with no parameters. Look at IANA Media Types for a complete list of standard media types |
❮ HTML <input> tag
