How to Create File Upload Box in HTML

Giving users access to upload file on your website, you need to use a file upload box, also known as a file select box. This is also formed using the <input> element and type attribute is set to file.

Following is the list of important attributes of file upload box:

Attribute	Description
name	To give a name to the control which is sent to the server to be recognized and get the value.
accept	Shows the types of files that the server accepts.

Example

Here is example HTML code for a form with one file upload box:

<!DOCTYPE html>

<html>

<head>

<title>Scholars Globe File Upload Box Example</title>

</head>

<body>

<form>

Image File Upload: <input type="file" name="fileupload" accept="image/*" />

<br>

Video File Upload: <input type="file" name="fileupload" accept="video/*" />

<br>

Audio File Upload: <input type="file" name="fileupload" accept="audio/*" />

</form>

</body>

</html>

Author Description

Welcome Home