Skip to content
Related Articles

Related Articles

HTML | DOM Input Email form Property

View Discussion
Improve Article
Save Article
Like Article
  • Difficulty Level : Basic
  • Last Updated : 14 May, 2021

The Input Email form property in HTML DOM is used to return the reference of form containing the input Email field. It is read-only property that returns a form object on success. 
Syntax: 
 

emailObject.form 

Return Values: It returns a string value which specify the reference of the form containing the Input Email field

Example: Below program illustrates the Input Email form property.
 

html




<!DOCTYPE html>
<html>
     
<head>
    <title>
        HTML DOM Input Email Form Property
    </title>
</head>    
 
<body style="text-align:center;">
 
    <h1> GeeksforGeeks</h1>
 
    <h2>DOM Input Email Form Property</h2>
     
    <form id="myGeeks">
    E-mail: <input type="email" id="email">
    </form><br>
     
    <button onclick="myGeeks()">
        Click Here!
    </button>
     
    <p id="GFG" style="font-size:25px;color:green;"></p>
  
     
    <!-- Script to access input element with
            type email attribute -->
    <script>
        function myGeeks() {
            var em = document.getElementById("email").form.id;
            document.getElementById("GFG").innerHTML = em;
        }
    </script>
</body>
 
</html>                               

Output: 
Before clicking on the button : 
 

After clicking on the button: 
 

Supported Browsers: The browser supported by DOM input Email form property are listed below: 
 

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

 


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!