HTML | <input> accept Attribute
The HTML <input> accept Attribute is used to specifies the type of file that the server accepts. This attribute can be used with <input type=”file”> element only. This attribute is not used for validation tool because file uploads should be validated on the Server.
Syntax:
<input accept = "file_extension | audio/* | video/* | image/* | media_type">
Attribute Values
- file_extension: It Specify the file extension(s) like .gif, .jpg, .png, .doc) the user can pick from.
- audio/*: The user can pick all sound files.
- video/*: The user can pick all video files.
- image/*: :A valid media type, with no parameters. Look at IANA Media Types for a complete list standard media types
- media_type: A valid media type without parameters.
Example:
html
<!DOCTYPE html><html><head> <title> HTML input accept attribute </title> <style> body { text-align: center; } h1 { color: green; } </style></head><body> <h1>GeeksForGeeks</h1> <h2> HTML <input> accept attribute </h2> <form action=" "> <input type="file" name="picture" accept="image/*"> <input type="submit"> </form></body></html> |
Output:
Supported Browsers: The browsers supported by HTML <input> accept Attribute are listed below:
- Google Chrome 1.0 and above
- Edge 12.0 and above
- Internet Explorer 6.0 and above
- Firefox 1.0 and above
- Apple Safari 1.0 and above
- Opera 12.1 and above
Please Login to comment...