HTML DOM Input Email maxLength Property

Last Updated : 04 Oct, 2024

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 the Input Email maxLength property.

emailObject.maxLength

It is used to set the Input Email maxLength property.

emailObject.maxLength = number

Property Values: It contains single value number which is used to specify the maximum number of characters that are allowed in the Email maxlength Field.

Return Value: It returns a numeric value which represents the maximum number of character that have been allowed in the Email maxlength field.

Example 1: In this example, it returns the max length of the Input Email field.

html

<!DOCTYPE html>
<html>

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

<body>
    <h2>DOM Input Email maxLength Property</h2>

    <form id="myGeeks">
        E-mail: <input type="email" id="email" maxlength="45">
    </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() {
            let em = document.getElementById("email").maxLength;
            document.getElementById("GFG").innerHTML = em;
        } 
    </script>
</body>

</html>

Output:

Example 2: In this example, maxLength property set max length of character in input field.

html

<!DOCTYPE html>
<html>

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

<body>

    <h1> GeeksforGeeks</h1>

    <h2>DOM Input Email maxLength Property</h2>

    <form id="myGeeks">
        E-mail: <input type="email" 
                       id="email"
                       maxlength="45">
    </form><br>

    <button onclick="myGeeks()">
        Click Here!
    </button>

    <p id="GFG" style="font-size:20px;color:green;"></p>

    <!-- Script to set Input Email maxlength Property -->
    <script>
        function myGeeks() {
            let em = document.getElementById("email").maxLength
                = "70";
            document.getElementById("GFG").innerHTML
                = "The value of the maxlength attribute"
                + " was changed to :" + em;
        } 
    </script>
</body>

</html>

Output:

Supported Browsers:

The browser supported by DOM input Email maxLength property are listed below:

Google Chrome
Firefox
Opera
Safari

HTML | DOM Input Search maxLength Property

manaschhabra2

Improve

Article Tags :

Practice Tags :

Misc

HTML DOM Input Email maxLength Property

Syntax:

Supported Browsers:

Similar Reads

Thank You!

What kind of Experience do you want to share?