HTML | accept Attribute
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">
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
- Internet Explorer 10.0
- Firefox 4.0
- Opera 15.0
- Apple Safari 6.0