HTML DOM Input Email defaultValue Property


The HTML DOM Input Email defaultValue property sets/returns the default value corresponding to Email Input. The value attribute changes as the user types in the email input but default value does not change.

Syntax

Following is the syntax −

  • Returning string value
inputEmailObject.defaultValue
  • Setting defaultValue to string
inputEmailObject.defaultValue = ‘string’

Example

Let us see an example of Input Email defaultValue property −

 Live Demo

<!DOCTYPE html>
<html>
<head>
<title>Input Email defaultValue</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-defaultValue</legend>
<label for="EmailSelect">User Email :
<input type="email" id="EmailSelect" value="xyz@abc.com">
</label>
<input type="button" onclick="getDefaultValue()" value="Reset Default Value">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputEmail = document.getElementById("EmailSelect");
   divDisplay.textContent = 'defaultValue: '+inputEmail.defaultValue;
   function getDefaultValue() {
      var currentValue = inputEmail.value;
      divDisplay.textContent = 'Value - '+inputEmail.value+' resets to - '+inputEmail.defaultValue;
      inputEmail.value = inputEmail.defaultValue;
   }
</script>
</body>
</html>

Output

This will produce the following output −

Before clicking ‘Reset Default Value’ button −

Changing Email Input −

After clicking ‘Reset Default Value’ button −

Updated on: 30-Jul-2019

56 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements