HTML | DOM Input Text minLength Property
The HTML DOM Input Text minLength property in HTML DOM is used to set or return the value of minlength attribute of a Text Input Field. It specifies the minimum number of characters that have been allowed in the text field. The default value of the Input Email minLength property is 524288.
Syntax:
- It returns the Input Text minLength property.
textObject.minLength
- It is used to set the Input text minLength property.
textObject.minLength = number
Property Values: It contains a single value number which is used to specify the minimum number of characters that are allowed in the text minLength Field.
Return Value: It returns a numeric value that represents the maximum number of characters that has been allowed in the text minLength field.
Example 1: This example returns Input Text minLength Property.
HTML
<!DOCTYPE html><html><head> <title> HTML DOM Input Text minLength Property </title></head><body style="text-align:center;"> <h1>GeeksForGeeks</h1> <h2>DOM Input Text minLength Property</h2> <form id="myGeeks"> <input type="text" id="text_id" minlength="6" name="geeks" pattern="[A-Za-z]{3}"> </form> <br> <button onclick="myGeeks()">Click Here!</button> <p id="GFG" style="font-size:20px;"></p> <!-- Script to return the minLength Property--> <script> function myGeeks() { var txt = document.getElementById( "text_id").minLength; document.getElementById( "GFG").innerHTML = txt; } </script></body></html> |
Output:
- Before clicking on the button:
- After clicking on the button:
Example 2: This example illustrates how to set Input Text minLength Property.
HTML
<!DOCTYPE html><html><head> <title> HTML DOM Input Text minLength Property </title></head><body style="text-align:center;"> <h1>GeeksForGeeks</h1> <h2>DOM Input Text minLength Property</h2> <form id="myGeeks"> <input type="text" id="text_id" minlength="6" name="geeks" pattern="[A-Za-z]{3}"> </form> <br> <button onclick="myGeeks()">Click Here!</button> <p id="GFG" style="font-size:20px;"></p> <!-- Script to set the minLength Property--> <script> function myGeeks() { var txt = document.getElementById( "text_id").minLength - "23"; document.getElementById( "GFG").innerHTML = txt; } </script></body></html> |
Output:
- Before clicking on the button:
- After clicking on the button:
Supported Browsers: The browsers supported by DOM Input Text minLength property are listed below:
- Google Chrome 1
- Edge 12
- Firefox 1
- Apple Safari 1
- Opera
Please Login to comment...