INPUT typefile accept Excel file in HTML

In this article I will explain with an example, how to use INPUT "type=file" to accept Excel file in HTML.

The accept attribute is a new attribute available in HTML5.

Note: Accept Attribute does not restrict user from uploading invalid file.

The following HTML Markup consists of:

FileUpload – For selecting file.

The HTML5 INPUT FileUpload has been set with the following attribute.

accept - This attribute allows user to select only specified type of files from the Choose File dialog box.

Note: Accepting all files is default behavior, hence even if the accept attribute is not specified, by default, it will accept all files.

For example, in the following code, the HTML5 INPUT FileUpload will only allow user to select Excel file i.e. file with extensions xls, xlsx.

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

</html>

The accept attribute does not restrict user from uploading invalid files.

And hence, if you want to restrict user and perform validation then please refer the following articles

The above code has been tested in the following browsers.
Microsoft Edge

* All browser logos displayed above are property of their respective owners.

I agree, get more examples here: https://www.e-iceblue.com/Introduce/free-products.html

Description is required.

INPUT 'type=file' accept Excel file in HTML