Open In App
Related Articles

HTML | DOM Input Week disabled Property

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

The DOM Input Week disabled property in HTML DOM is used to return a boolean value that represents that a week field should be disabled or not. Disabled elements are shown in gray by default and are unusable and un-clickable. 

Syntax: 

  • It returns the disabled property.
weekObject.disabled
  • It is used to set the disabled property.
weekObject.disabled = true

Property Values: 

  • true: It specifies the week field is disabled.
  • false: It specifies the week field is not disabled. It is false by default.

Return Value: It returns a boolean value i.e. true if the week field is disabled or false if the week field is not disabled. 

Example-1: This example returns the value of disabled property. 

HTML

<!DOCTYPE html>
<html>
<head>
    <title>
        HTML DOM Input Week disabled Property
    </title>
</head>
<body style="text-align:center;">
    <h1>GeeksForGeeks</h1>
    <h2>DOM Input Week disabled Property</h2>
    <form id="myGeeks">
        <input type="week" id="week_id" name="geeks" disabled>
    </form>
    <br>
    <button onclick="myGeeks()">Click Here!</button>
    <p id="GFG" style="font-size:20px;"></p>
     
    <!-- Script to return the  value of disabled property-->
    <script>
        function myGeeks() {
            var gfg = document.getElementById("week_id").disabled;
            document.getElementById("GFG").innerHTML = gfg;
        }
    </script>
</body>
</html>

                    

Output: Before clicking on the button: 

 

After clicking on the button:

  

Example-2: This Example illustrates how to set or change the disabled property. 

HTML

<!DOCTYPE html>
<html>
<head>
    <title>
        HTML DOM Input Week disabled Property
    </title>
</head>
<body style="text-align:center;">
    <h1>GeeksForGeeks</h1>
    <h2>DOM Input Week disabled Property</h2>
    <form id="myGeeks">
        <input type="week" id="week_id" name="geeks" disabled>
    </form>
    <br>
    <button onclick="myGeeks()">Click Here!</button>
    <p id="GFG" style="font-size:20px;"></p>
     
    <!-- Script to set the disabled attribute of week field-->
    <script>
        function myGeeks() {
            var gfg = document.getElementById("week_id");
            gfg.disabled = false;
            var g =    gfg.disabled;       
            document.getElementById("GFG").innerHTML = g;
        }
    </script>
</body>
</html>

                    

Output: 

Before clicking on the button:

  

After clicking on the button:

  

Supported Browsers: The browser supported by DOM input Week disabled Property are listed below:

  • Google Chrome 20+
  • Edge 12+
  • Opera 11+

Note: In Firefox, the input type=”week” element does not show any date field or calendar.



Last Updated : 29 Aug, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads