Skip to content
Related Articles

Related Articles

Improve Article

HTML | <input> accept Attribute

  • Last Updated : 28 Jun, 2019

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 tandard media types
  • media_type: A valid media type without parameters.

Example:




<!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 8.0
  • Internet Explorer 10.0
  • Firefox 4.0
  • Apple Safari 6.0
  • Opera 15.0

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :