Open In App

HTML DOM Input FileUpload disabled Property

Improve
Improve
Like Article
Like
Save
Share
Report

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>


Output: 

Before Click: 

 

Supported Browsers:

  • Google Chrome 1+
  • Mozilla Firefox 1+
  • Edge 12+
  • Opera 11+
  • Safari 1+


Last Updated : 16 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads