HTML | DOM Input Number max Property

Last Updated : 25 Aug, 2022

The DOM Input Number max Property in HTML DOM is used to set or return the value of the max attribute of a number field. The max attribute defines the maximum value for a number field.

Syntax:

It returns the max property.

numberObject.max

It is use to set the max property.

numberObject.max = number

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

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

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

HTML

<!DOCTYPE html>
<html>
<body style="text-align:center;">
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
    <h2>DOM Input Number max Property</h2>
    <form id="myGeeks">
        <input type="number" id="myNumber" step="5" 
            name="geeks" placeholder="multiples of 5" max="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 max Property
            var x =
                document.getElementById("myNumber").max;
            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 max Property.

HTML

<!DOCTYPE html>
<html>
<body style="text-align:center;">
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
    <h2>DOM Input Number max Property</h2>
    <form id="myGeeks">
        <input type="number" id="myNumber" step="5" 
            name="geeks" placeholder="multiples of 5" max="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 max Property
            var x =
                document.getElementById("myNumber").max = 15;
            document.getElementById("demo").innerHTML =
                "the value of the max attribute was changed to " + x;
        } 
    </script>
</body>
</html>