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 the 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 have 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 >
function myGeeks() {
let txt = document.getElementById(
"text_id").minLength;
document.getElementById(
"GFG").innerHTML = txt;
}
</ script >
</ body >
</ html >
|
Output:
Example 2: This example illustrates how to set the 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 >
function myGeeks() {
let txt = document.getElementById(
"text_id").minLength - "23";
document.getElementById(
"GFG").innerHTML = txt;
}
</ script >
</ body >
</ html >
|
Output:
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
Last Updated :
21 Jun, 2023
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...