Open In App

How to set a value to an input file using HTML ?

Improve
Improve
Like Article
Like
Save
Share
Report

In HTML, we will use the type attribute to take input in a form and when we have to take the file as an input, the file value of the type attribute allows us to define an element for the file uploads. It displays a browse button on our computer screen, and when we click on this browse button, it asks the user for permission to select the file from his local computer.

Syntax:

<input type="file">

Example 1: Implementation of set the value to an input file using HTML.

html




<!DOCTYPE html>
<html>
 
<head>
    <title>GeeksforGeeks</title>
</head>
 
<body>
    <form>
        <!--We tried to set the "file"
            value to attribute "type"-->
        <input type="file">
    </form>
</body>
 
</html>


Output:

Note: But when we want to take file input by default, then we cannot do it. It means we cannot set a value to a file input due to some security reasons in HTML.

Example 2: Implementation of set the value to an input file using HTML.

html




<!DOCTYPE html>
<html>
 
<head>
    <title>GeeksforGeeks</title>
</head>
 
<body>
    <form name="htmltest">
        <!--Here, by default we have tried
            to implement a file path using
            the value attribute. But it
            will not work here. -->
        <input type="file" value="c:/amrit.txt">
    </form>
</body>
 
</html>


Output: The above code will give the same output as the previous code because here we want to set value, but it doesn’t work due to security reasons. Hence, in HTML, there is the only way to take file input.

aazs



Last Updated : 10 Jan, 2024
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads