HTML | DOM Input Email value Property

Last Updated : 25 Aug, 2022

The Input Email value property in HTML DOM is used to set or return the value of a value attribute of an email field. The value attribute specifies the initial value of the input Email Field. The value may be a single address or a list of addresses. Syntax:

It returns the Input Email value property.

emailObject.value

It is used to set the Input Email value property.

emailObject.value = text

Property Value: It contains single value text which defines the single email address or a list of email addresses.

Return Value: It returns the string value which represent the valid email address of a user.

Example 1: This example illustrates how to return Input Email value property.

html

<!DOCTYPE html> 
<html> 
     
<head> 
    <title> 
        HTML DOM Input Email value Property 
    </title> 
</head>     
 
<body style="text-align:center;"> 
 
    <h1>GeeksforGeeks</h1> 
 
    <h2>DOM Input Email value Property</h2> 
 
    E-mail: <input type="email" id="email" name="myGeeks"
            value="careers@geeksforgeeks.org"> 
     
    <br><br>
 
    <button onclick="myGeeks()"> 
        Click Here! 
    </button> 
     
    <p id="GFG" style="font-size:20px;color:green;"></p> 
     
    <!-- Script to return Input Email value Property -->
    <script> 
        function myGeeks() { 
            var em = document.getElementById("email").value;
            document.getElementById("GFG").innerHTML = em; 
        } 
    </script> 
</body> 
 
</html>                    

Output:

Before Clicking the Button:

After Clicking the Button:

Example 2: This example illustrates how to set Input Email value property.

html

<!DOCTYPE html> 
<html> 
     
<head> 
    <title> 
        HTML DOM Input Email value Property 
    </title> 
</head>     
 
<body style="text-align:center;"> 
 
    <h1>GeeksforGeeks</h1> 
 
    <h2>DOM Input Email value Property</h2> 
 
    E-mail: <input type="email" id="email" name="myGeeks"
        value="careers@geeksforgeeks.org"> 
         
    <br><br>
 
    <button onclick="myGeeks()"> 
        Click Here! 
    </button> 
     
    <p id="GFG" style="font-size:20px;color:green;"></p> 
     
    <!-- Script to set Input Email value Property -->
    <script> 
        function myGeeks() { 
            var em = document.getElementById("email").value
                    ="manaschhabra22@gmail.com";
                     
            document.getElementById("GFG").innerHTML = em; 
        } 
    </script> 
</body> 
 
</html>                         