This attribute specifies the type of file that the server accepts. This attribute can be used with <input> element only. This attribute is not used for validation tool because file uploads should be validated on the Server.
Syntax:
<input accept = "file_extension">
Note: This attribute is not supported in HTML5.
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.
- ideo/*: 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.
Attribute: The accept attribute is associated with <input> elements only.
Example:
html
<!DOCTYPE html>
< html >
< head >
< title >accept attribute</ title >
< style >
body {
text-align: center;
}
h1 {
color: green;
}
</ style >
</ head >
< body >
< h1 >GeeksforGeeks</ h1 >
< h2 >accept attribute</ h2 >
< form action = " " >
< input type = "file" name = "picture"
accept = "image/*" >
< input type = "submit" >
</ form >
</ body >
</ html >
|
Output:

Supported Browsers: The browser supported by accept attribute are listed below:
- Google Chrome 8.0
- Microsoft Edge 12
- Firefox 4.0
- Opera 15.0
- Apple Safari 6.0