HTML | DOM Input Number min Property

Last Updated : 25 Aug, 2022

The DOM Input Number min Property is used to set or return the value of the min attribute of a number field. The min attribute defines the minimum value for a input number field.

Syntax:

It returns the min property.

numberObject.min

It is use to set the min property.

numberObject.min = number

Property values: It contains a single value i.e number which specify the minimum value allowed to be entered by the user for a number field.

Return Value: It returns a numeric value which represent the minimum number allowed for a number field.

Example-1: This example illustrates how to return the Input number min Property.

HTML

<!DOCTYPE html>
<html>
<body style="text-align:center;">
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
    <h2>DOM Input Number min Property</h2>
    <form id="myGeeks">
        <input type="number" id="myNumber" step="5" 
            name="geeks" placeholder="multiples of 5" min="10">
    </form> <br><br>
    <button onclick="myFunction()">
        Click Here!
    </button>
    <p id="demo" style="font-size:23px;color:green;"></p>

    <script>
        function myFunction() {

            // Return Input number min Property 
            var x =
                document.getElementById("myNumber").min;
            document.getElementById("demo").innerHTML = x;
        } 
    </script>
</body>
</html>

Output:

Before clicking on the button:

After clicking on the button:

Example-2: This example illustrates how to set the input number min Property.

HTML

<!DOCTYPE html>
<html>
<body style="text-align:center;">
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
    <h2>DOM Input Number min Property</h2>
    <form id="myGeeks">
        <input type="number" id="myNumber" step="5" 
            name="geeks" placeholder="multiples of 5" min="10">
    </form> <br><br>
    <button onclick="myFunction()">
        Click Here!
    </button>
    <p id="demo" style="font-size:23px;color:green;"></p>

    <script>
        function myFunction() {

            // Setting Input Number min Property
            var x =
                document.getElementById("myNumber").min = 15;
            document.getElementById("demo").innerHTML =
                "the value of the min attribute was changed to " + x;
        } 
    </script>
</body>
</html>