HTML DOM Input URL minLength Property
The Input URL minLength Property in HTML DOM is used to set or return the value of the minlength attribute of a URL Input Field. It specifies the minimum number of characters that have been allowed in the URL field.
Syntax:
- It returns the Input url minLength property.
urlObject.minLength
- It is used to set the Input url minLength property.
urlObject.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 URL minlength Field.
Return Value: It returns a numeric value that represents the minimum number of characters that have been allowed in the URL minlength field.
Example 1: This example illustrates how to return the Input URL minLength property.
HTML
<!DOCTYPE html>
< html >
< head >
< title >
DOM Input URL minLength Property
</ title >
</ head >
< body >
< h1 style = "color:green;" >
GeeksForGeeks
</ h1 >
< h2 >
DOM Input URL minLength Property
</ h2 >
< label for = "uname" style = "color:green" >
< b >Enter URL</ b >
</ label >
< input type = "url" id = "gfg" placeholder = "Enter URL"
size = "20" pattern = "https?://.+"
minlength = "20" >
< br >< br >
< button type = "button" onclick = "geeks()" >
Click
</ button >
< p id = "GFG" style="color:green;
font-size:25px;">
</ p >
< script >
function geeks() {
let link = document.getElementById(
"gfg").minLength;
document.getElementById(
"GFG").innerHTML = link;
}
</ script >
</ body >
</ html >
|
Output:
Example 2: This example illustrates how to set the Input URL minLength property.
HTML
<!DOCTYPE html>
< html >
< head >
< title >
DOM Input URL minLength Property
</ title >
</ head >
< body >
< h1 style = "color:green;" >
GeeksForGeeks
</ h1 >
< h2 >
DOM Input URL minLength Property
</ h2 >
< label for = "uname" style = "color:green" >
< b >Enter URL</ b >
</ label >
< input type = "url" id = "gfg" placeholder = "Enter URL"
size = "20" pattern = "https?://.+"
minlength = "20" >
< br >< br >
< button type = "button" onclick = "geeks()" >
Click
</ button >
< p id = "GFG" style="color:green;
font-size:25px;">
</ p >
< script >
function geeks() {
let link =
document.getElementById(
"gfg").minLength = "9";
document.getElementById("GFG").innerHTML
= "The value of the minlength "
+ "attribute set to " + link;
}
</ script >
</ body >
</ html >
|
Output:
Supported Browsers: The browsers supported by DOM Input URL minLength Property are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Apple Safari
- Opera
Last Updated :
21 Jun, 2023
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...