Skip to content
Related Articles

Related Articles

HTML | <input> accept Attribute

View Discussion
Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 12 Aug, 2022
View Discussion
Improve Article
Save Article

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

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!