Open In App

HTML | DOM Input Email disabled Property

Improve
Improve
Like Article
Like
Save
Share
Report

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>


Output:
Before Clicking On Button: 

After Clicking On Button: 

Supported Browsers: The browser supported by DOM input Email disabled property are listed below: 

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari


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