HTML DOM Input FileUpload disabled Property

Last Updated : 16 Jun, 2023

The Input FileUpload disabled property in HTML DOM used to set or return whether a file upload field must be disabled, or not. A disabled field is unusable and un-clickable. It is a boolean attribute and used to reflect the HTML Disabled attribute. It is usually rendered in grey color by default in all the Browsers.

Syntax:

Return the disabled property:

fileuploadObject.disabled

Set the disabled property:

fileuploadObject.disabled=true|false

Property Values:

true: It defines that the FileUpload field is disabled
false: It has a default value. It defines that the FileUpload field is not disabled

Return Value: It returns a boolean value that represents whether the Input FileUpload field is disabled or not.

Example-1: Return FileUpload property

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
        DOM Input FileUpload disabled Property
    </title>
</head>

<body>
    <center>
        <h1 style="color:green;">
            GeeksForGeeks
        </h1>
        <input type="file" 
               id="myFile" 
               disabled="true">
        <p id="demo">
        </p>
        <button onclick="myFunction()">
            Click
        </button>
        <script>
            function myFunction() {
                let x =
                    document.getElementById(
                        "myFile").disabled;

                document.getElementById(
                    "demo").innerHTML = x;
            }
        </script>
    </center>
</body>

</html>

Output:

Example-2: Set the FileUpload property

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
        DOM Input FileUpload disabled Property
    </title>
</head>

<body>
    <center>
        <h1 style="color:green;">
            GeeksForGeeks
        </h1>
        <input type="file" id="myFile">

        <p id="demo">
        </p>
        <button onclick="myFunction()">
            Try it
        </button>
        <script>
            function myFunction() {
                let x =
                    document.getElementById(
                        "myFile").disabled = "true";

                document.getElementById(
                    "demo").innerHTML = x;
            }
        </script>
    </center>
</body>

</html>