HTML DOM Input Email defaultValue Property

HTML Web Development Front End Technology

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 −

AmitDiwan

Updated on: 30-Jul-2019

55 Views

Kickstart Your Career

Get certified by completing the course

Get Started