Skip to content
Related Articles
Open in App
Not now

Related Articles

HTML | DOM Input Number max Property

Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 25 Aug, 2022
Improve Article
Save Article

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>

Output: 
Before clicking on the button: 

After clicking on the button: 

Supported Browsers: The browser supported by DOM input number max Property are listed below: 

  • Google Chrome
  • Edge 12 and above
  • Firefox
  • Opera
  • Safari

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!