Open In App
Related Articles

HTML accept Attribute

Improve Article
Improve
Save Article
Save
Like Article
Like

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
Last Updated : 04 Aug, 2023
Like Article
Save Article
Similar Reads
Related Tutorials