HTML accept attribute

HTML accept attribute gives hint to the browser that which type of file will be accepted by the browser.

Example

HTML File: <input type="file" accept=".html">
JavaScript File: <input type="file" accept=".js">
CSS File: <input type="file" accept=".css">

HTML File:
JavaScript File:
CSS File:

Attribute values

All possible values of accept attribute

accept='video/*': video value hints the browser that only video files should be accepted.; Example
Try it
<p>Upload Video: <input type="file" accept="video/*"><p> <p>Upload Video: <input type="file" accept="video/*"><p>
accept='audio/*':: audio value hints the browser that only audios are to upload.; Example
Try it
<p>Upload audio: <input type="file" accept="audio/*"><p>
accept='image/*':: image value hints the browser that only images should be accepted.; Example
Try it
<p>Upload image: <input type="file" accept="image/*"><p>
accept='.extension':: The value which starts with a dot(.) hints the browser that a file of specific extension is to upload.; If files of different extensions are allowed, then extensions should be separated by a comma.

The same type of extensions (dublicate extensions) should not be used.; Example
Try it
<p>Upload files: <input type="file" accept=".doc,.docx"><p>

The tags that support accept attribute

<input> tag: input tag allows the user to enter data in the form. It supports accept attribute.; Example
Try it
<p>Upload Video: <input type="file" accept="video/*"><p>