Latest web development tutorials
 

HTML <input> accept Attribute

< HTML <input> tag

Example

Specify that the server accepts only image files in the file upload:

<form action="demo_form.asp">
  <input type="file" name="pic" accept="image/*">
  <input type="submit">
</form>
Try it Yourself »

Definition and Usage

The accept attribute specifies the types of files that the server accepts (that can be submitted through a file upload).

Note: The accept attribute can only be used with <input type="file">.

Tip: Do not use this attribute as a validation tool. File uploads should be validated on the server.


Browser Support

The numbers in the table specify the first browser version that fully supports the attribute.

Attribute
accept 8.0 10.0 4.0 6.0 15.0

Differences Between HTML 4.01 and HTML5

NONE.


Syntax

<input accept="file_extension|audio/*|video/*|image/*|media_type">

Tip: To specify more than one value, separate the values with a comma (e.g. <input accept="audio/*,video/*,image/*" />.

Attribute Values

Value Description
file_extension A file extension starting with the STOP character, e.g: .gif, .jpg, .png, .doc
audio/* All sound files are accepted
video/* All video files are accepted
image/* All image files are accepted
media_type A valid media type, with no parameters. Look at IANA Media Types for a complete list of standard media types

< HTML <input> tag