HTML | <input> accept Attribute

The HTML <input> accept Attribute is used to specify 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 tools 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 of 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>