HTML accept Attribute

Read

Discuss

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>