HTML | accept Attribute

Difficulty Level : Basic
Last Updated : 03 Jul, 2021

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">

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

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

My Personal Notes

Related Articles

HTML | accept Attribute

html