Skip to content
Related Articles
Open in App
Not now

Related Articles

HTML | DOM Input FileUpload disabled Property

Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 29 Aug, 2022
Improve Article
Save Article

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 which represents that 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() {
                var x =
                    document.getElementById(
                      "myFile").disabled;
               
                document.getElementById(
                  "demo").innerHTML = x;
            }
        </script>
    </center>
</body>
</html>

Output: 

Before Click:

  

After Click: 

 

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() {
                var x =
                    document.getElementById(
                      "myFile").disabled = "true";
               
                document.getElementById(
                  "demo").innerHTML = x;
            }
        </script>
    </center>
</body>
</html>

Output: 

Before Click: 

 

After Click:

  

Supported Browsers:

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

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!