HTML | DOM Input Email pattern Property

HTML DOM Input Email list Property

Last Updated : 25 Aug, 2022

The input email list property in HTML DOM is used to return a reference to the datalist element that contains an input email field.

Syntax:

emailObject.list.id

Return Value: It returns a string value that represents the value of the id attribute of the datalist element.

Example: Below is the HTML code used to return the input email list property.

HTML

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

Output:

Supported Browsers:

Google Chrome 5
Edge 12
Mozilla Firefox
Opera 11
Safari

HTML | DOM Input Email pattern Property

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML | DOM Input Email multiple Property

The Input Email multiple property in HTML DOM is used to set or return whether the user is allowed to input more than one value that presents in an element. It is a Boolean attribute which returns that email field accepts multiple email values or not. It is used to reflect the HTML multiple attribut

HTML | DOM Input Email name Property

The Input Email name property in HTML DOM is used to set or return the value of name attribute of an email field. The name attribute is required for each input field. If the name attribute is not specified in an input field then the data of that field would not be sent at all. Syntax: It returns the

HTML DOM Input Email minLength Property

The Input Email minLength property in HTML DOM is used to set or return the value of the minlength attribute of an Email Input Field. It specifies the minimum number of characters that have been allowed in the email field. Syntax: It returns the Input Email minLength property.emailObject.minLengthIt

HTML DOM Input Email maxLength Property

The Input Email maxLength property in HTML DOM is used to set or return the value of maxlength attribute of a Email Input Field. It specifies the maximum number of characters that have been allowed in the email field. The default value of Input Email maxLength property is 524288. Syntax: It returns

HTML | DOM Input Email pattern Property

The Input Email pattern property in HTML DOM is used to set or return the pattern attribute of an email field. It is used to specify the regular expression on which the input elements value is checked against. Use the Global title attribute to describe the pattern for helping the user. Syntax: It re

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 Email type Property

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 progr

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 URL list Property

The input URL list property in HTML DOM is used to return a reference to the datalist element that contains an input URL field. Syntax: urlObject.list.id Return Value: It returns a string value that represents the value of the id attribute of the datalist element. Example: Below HTML code is used to

HTML DOM Input Tel list Property

The input Tel list property in HTML DOM is used to return a reference to the list element that contains an input tel field. Syntax: telObject.list.idReturn value: It returns a string value that represents the value of the id attribute of the datalist element. Example: Â Below HTML code used to return