HTML | DOM Input Color disabled Property

HTML | DOM Input Date disabled Property

Last Updated : 09 Dec, 2021

The Input date disabled property is used to set or return whether a date field should be disabled, or not. An element becomes unusable and un-clickable if it is disabled. Such elements are generally rendered in gray by browsers.
The HTML disable attribute is reflected by the Date disabled property.
Syntax:

To return the disabled property:

inputdateObject.disabled

To set the disabled property:

inputdateObject.disabled = true|false

Property Value

true|false: It is used to specify whether a date field should be disabled or not. It is false by default.

Return Values: It returns a Boolean value which represents that the Input date field would be disabled or not.

Below program illustrates the Date disabled property :
Example: Disabling a Date field.

html

<!DOCTYPE html>
<html>

<head>
    <title>Input Date disabled Property in HTML
  </title>
    <style>
        h1 {
            color: green;
        }
        
        h2 {
            font-family: Impact;
        }
        
        body {
            text-align: center;
        }
    </style>
</head>

<body>

    <h1>GeeksforGeeks</h1>
    <h2> Input Date disabled Property
  </h2>
    <br>

    <input type="date"
           id="test_Date">

    
<p>To disable the date field,
      double click the "Disable" button.
  </p>


    <button ondblclick="My_Date()">Disable
  </button>

    <script>
        function My_Date() {
          
            // Set disabled = true.
            document.getElementById(
              "test_Date").disabled = true;
        }
    </script>

</body>

</html>

Output:
Initially:

Before clicking the disable button:

After clicking the disable button:

Supported Browsers:

Apple Safari
Internet Explorer
Firefox
Google Chrome
Opera

HTML | DOM Input Color disabled Property

S

Shubrodeep Banerjee

Improve

Article Tags :

Similar Reads

HTML DOM Input Button disabled Property

The Input Button disabled Property in HTML DOM is used to set or return whether the Input Button Field should be disabled or not.Â Disabled elements are shown in gray by default and are unusable and un-clickable. Syntax:Â It returns a disabled property.Â buttonObject.disabled It is used to set the dis

HTML | DOM Input URL disabled Property

The DOM Input URL disabled Property is used to set or return whether the Input URL Field must be disabled or not. A disabled URL Field is un-clickable and unusable. 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 B

HTML DOM Input Tel disabled Property

The DOM input tel disabled Property is used to set or return whether the input tel field must be disabled or not. A disabled tel field is un-clickable and unusable. It is a boolean attribute that reflects the disabled attribute. It is usually rendered in grey color by default in all the browsers.Â S

HTML | DOM Input Color disabled Property

The DOM Input Color disabled Property in HTML DOM is used to set or return whether a color picker should be disabled or not. A Disabled element is usually is unusable and un-clickable and are usually grey in color by default in all the Browser. This Property is used to reflect the HTML disabled attr

HTML | DOM Input Checkbox disabled Property

The Input Checkbox disabled property in HTML DOM is used to set or return whether the Input Checkbox field must be disabled or not. A disabled checkbox is unclickable and unusable. It is a boolean attribute and used to reflect the HTML Disabled attribute. Syntax: It returns the Input Checkbox disabl

HTML | DOM Input Time disabled Property

The DOM Input Time disabled Property in HTML DOM is used to set or return whether the Input Time Field must be disabled or not. A disabled Time Field is un-clickable and unusable. It is a boolean attribute and used to reflect the HTML Disabled attribute. It is usually rendered in grey color by defau

HTML | DOM Input Week disabled Property

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.disabledIt is used to

HTML | DOM Input Text disabled Property

The DOM Input Text disabled Property is used to set or return the whether the Input Text Field must be disabled or not. A disabled Text Field is un-clickable and unusable. It is a boolean attribute and used to reflect the HTML Disabled attribute. It is usually rendered in grey color by default in al

HTML | DOM Input Month disabled Property

The DOM Input Month disabled property in HTML DOM is used to return a boolean value that represents that a Month 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.monthObject.disabledIt is used

HTML | DOM Input Date defaultValue Property

The Input Date defaultValue Property in HTML DOM is used to set or return the default value of a date field. This property is used to reflect the HTML value attribute. The main difference between the default value and value is that the default value indicate the default value and the value contains