HTML DOM Input URL minLength Property

Last Updated : 21 Jun, 2023

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?://.+"
           title="Include http://"
           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?://.+"
           title="Include http://"
           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>