Skip to content
Related Articles

Related Articles

HTML | DOM Input Email minLength Property

Improve Article
Save Article
  • Last Updated : 25 Aug, 2022
Improve Article
Save Article

The Input Email minLength property in HTML DOM is used to set or return the value of minlength attribute of a 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.minLength
  • It is used to set the Input Email minLength property.
emailObject.minLength = number

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

Return Value: It returns a numeric value which represents the minimum number of characters that have been allowed in the Email minlength field. 

Example 1: This example illustrate how to return the Input Email minLength property.

html




<!DOCTYPE html>
<html>
     
<head>
    <title>
        HTML DOM Input Email minlength Property
    </title>
</head>    
 
<body style="text-align:center;">
 
    <h1> GeeksforGeeks</h1>
 
    <h2>DOM Input Email minLength Property</h2>
     
    <form id="myGeeks">
        E-mail: <input type="email" id="email" minlength="45"
            value="manaschhabra22@gmail.com">
    </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").minLength;
            document.getElementById("GFG").innerHTML = em;
        }
    </script>
</body>
 
</html>                    

Output:

  • Before clicking on the Button:

  • After clicking on the Button:

 

Example 2: This example illustrate how to set the Input Email minLength property.

html




<!DOCTYPE html>
<html>
     
<head>
    <title>
        HTML DOM Input Email minlength Property
    </title>
</head>    
 
<body style="text-align:center;">
 
    <h1> GeeksforGeeks</h1>
 
    <h2>DOM Input Email minLength Property</h2>
     
    <form id="myGeeks">
        E-mail: <input type="email" id="email" minlength="45"
            value="manaschhabra22@gmail.com">
    </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").minLength="23";
            document.getElementById("GFG").innerHTML = em;
        }
    </script>
</body>
 
</html>                    

Output:

  • Before clicking on the Button: 
     

  • After clicking on the Button:

Supported Browsers: The browsers supported by HTML DOM Input Email minLength Property are listed below:

  • Google Chrome 5
  • Edge 12
  • Firefox
  • Apple Safari
  • Opera 11

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!