Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

HTML | DOM Input Email minLength Property

  • Last Updated : 14 Oct, 2020

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:

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

  • 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 maxlength 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.




<!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.




<!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
  • Internet Explorer
  • Firefox
  • Apple Safari
  • Opera



My Personal Notes arrow_drop_up
Recommended Articles
Page :