HTML DOM Input Email disabled Property

HTML Web Development Front End Technology

The HTML DOM Input Email disabled property sets/returns whether Input Email is enabled or disabled.

Syntax

Following is the syntax −

Returning boolean value - true/false

inputEmailObject.disabled

Setting disabled to booleanValue

inputEmailObject.disabled = booleanValue

Boolean Values

Here, “booleanValue” can be the following −

booleanValue	Details
true	It defines that the input email is disabled.
false	It defines that the input email is not disabled and it is also the default value.

Example

Let us see an example of Input Email disabled property −

Live Demo

<!DOCTYPE html>
<html>
<head>
<title>Input Email disabled</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>Email-disabled</legend>
<label for="EmailSelect">Employee Email :
<input type="email" id="EmailSelect" value="xyz@abc.com">
</label>
<input type="button" onclick="getdisabled()" value="Confirm Email">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputEmail = document.getElementById("EmailSelect");
   function getdisabled() {
      inputEmail.disabled = true;
      divDisplay.textContent = 'Email: '+inputEmail.value+' submitted.';
   }
</script>
</body>
</html>

Output

This will produce the following output −

Before clicking ‘Confirm Email’ button −

After clicking ‘Confirm Email’ button −

AmitDiwan

Updated on: 30-Jul-2019

60 Views

Kickstart Your Career

Get certified by completing the course

Get Started