HTML | DOM Input Email value Property

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.

filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>                    

chevron_right


Output:
Before Clicking the Button:

After Clicking the Button:

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

filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>                         

chevron_right


Output:
Before Clicking the Button:

After Clicking the Button:

Supported Browsers: The browser supported by DOM input Email Value Property are listed below:

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


My Personal Notes arrow_drop_up

Recommended Posts:



    Article Tags :
    Practice Tags :


    Be the First to upvote.


    Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.