Skip to content
Related Articles

Related Articles

HTML | DOM Input URL minLength Property
  • Last Updated : 27 Apr, 2020

The Input URL minLength Property in HTML DOM is used to set or return the value of 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 which represents the minimum number of character that has been allowed in the URL minlength field.

    Example 1: This example illustrates how to return the Input URL minLength property.






    <!DOCTYPE html>
    <html>
      
    <head>
        <title>
            DOM Input URL minLength Property
        </title>
    </head>
      
    <body>
        <center>
            <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() {
      
                    var link = document.getElementById(
                                "gfg").minLength;
      
                    document.getElementById(
                                "GFG").innerHTML = link;
                
            </script>
        </center>
    </body>
      
    </html

    Output:

    • Before clicking on the button:
    • After clicking on the button:

    Example 2: This example illustrates how to set the Input URL minLength property.




    <!DOCTYPE html>
    <html>
      
    <head>
        <title>
            DOM Input URL minLength Property
        </title>
    </head>
      
    <body>
        <center>
            <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() {
      
                    var link =
                        document.getElementById(
                            "gfg").minLength = "9";
      
                    document.getElementById("GFG").innerHTML
                            = "The value of the minlength "
                            + "attribute set to " + link;
                
            </script>
        </center>
    </body>
      
    </html>

    Output:

    • Before clicking on the button:
    • After clicking on the button:

    Supported Browsers: The browsers supported by DOM Input URL minLength Property are listed below:

    • Google Chrome
    • Internet Explorer
    • Firefox
    • Apple Safari
    • Opera
    My Personal Notes arrow_drop_up
Recommended Articles
Page :