HTML | DOM Input Email type Property

HTML | DOM Input Email type Property

Last Updated : 18 Oct, 2022

The Input Email type property in HTML DOM is used to return the type of form element of the Email field. It always returns an email for an Input Email Field.

Syntax:

emailObject.type

Return Values: It returns a string value that represents the type of form element of the Email field.

The below program illustrates the Email type property in HTML DOM:

Example: This example returns the type of form element of the email field.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
        HTML DOM Input Email type Property
    </title>
</head>

<body style="text-align:center;">
    <h1>GeeksforGeeks</h1>
    <h2>
        DOM Input Email type Property
    </h2>
    E-mail: <input type="email" id="email" name="myGeeks" size="40">
    <br><br>
    <button onclick="myGeeks()">
        Click Here!
    </button>
    <p id="GFG" style="font-size:20px;color:green;"></p>

    <!-- Script to return Input Email type Property -->
    <script>
        function myGeeks() {
            var em = document.getElementById("email").type;
            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 type property are listed below:

Google Chrome 5 and above
Edge 12 and above
Internet Explorer 10 and above
Firefox
Opera 11 and above
Safari

HTML | DOM Input Email type Property

M

manaschhabra2

Improve

Article Tags :

Practice Tags :

Misc

Similar Reads

HTML DOM Input Email size Property

The Input Email size property in HTML DOM is used to set or return the value of the size attribute of an Input Email Field. The size attribute is used to define the width of an email field. Its default value is 20. Syntax: It returns the Input Email size property. emailObject.sizeIt is used to set t

HTML | DOM Input Email readOnly Property

The DOM Input Email readonly Property is used to set or return whether an Email Field should be read-only or not. It means that a user can not modify or changes an content already present in a particular Element (However, a user can tab to it, highlight it, and copy the text from it) whereas a JavaS

HTML | DOM Input Email form Property

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

HTML | DOM Input URL type Property

The DOM Input URL type Property in HTML DOM is used for returning the Which type of form element the URL field is. This Property will always return "URL".Syntax: urlObject.type Return Value: It returns a string value which represent the type of form element the URL field is. Example: This Example il

HTML DOM Input Tel type Property

The DOM Input tel type property in HTML DOM is used to return the type of form element of the input tel field. It always returns the "tel" for an Input tel field. Syntax: telObject.typeReturn Values: It returns a string value that represents the type of form element of the tel field. The below progr