HTML | DOM Input Email disabled Property

Last Updated : 31 Aug, 2022

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

Syntax:

It is used to return the disabled property.

emailObject.disabled

It is used to set the disabled property.

emailObject.disabled = true|false

Property Values: It contains two property values which are listed below:

true: It defines that the Input Email field is disabled.
False: It has a default value. It defines that the Input Email Field is not disabled.

Return Value: It returns a boolean value which represents the Input Email Field is disabled or not.

Example 1: This example returns the Input Email disabled property.

HTML

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
        HTML DOM Input Email disabled Property
    </title> 
</head>     
<body style="text-align:center;">
    <h1> GeeksforGeeks</h1> 
    <h2>DOM Input Email disabled Property</h2> 
    E-mail: <input type="email" id="email" disabled> 
    <button onclick="myGeeks()"> 
        Click Here! 
    </button> 
    <p id="GFG" style="font-size:25px;color:green;"></p>

    
    <!-- Script to return Input Email disabled Property -->
    <script> 
        function myGeeks() { 
            var em = document.getElementById("email").disabled;
            document.getElementById("GFG").innerHTML = em; 
        } 
    </script> 
</body> 
</html>

Output:
Before clicking on the button:

After clicking on the button:

Example 2: This example sets the Input Email disabled property.

HTML

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
        HTML DOM Input Email disabled Property
    </title> 
</head>     
<body style="text-align:center;">
    <h1> GeeksforGeeks</h1> 
    <h2>DOM Input Email disabled Property</h2> 
    E-mail: <input type="email" id="email" disabled> 
    <button onclick="myGeeks()"> 
        Click Here! 
    </button> 
    <p id="GFG" style="font-size:25px;color:green;"></p>

    
    <!-- Script to set Input Email disabled Property -->
    <script> 
        function myGeeks() { 
            var em = document.getElementById("email").disabled =false;
            document.getElementById("GFG").innerHTML = em; 
        } 
    </script> 
</body> 
</html>