Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM Input Number max Property

  • Difficulty Level : Basic
  • Last Updated : 03 Jun, 2021

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() {
                 
                // Accessing input value
                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() {
                 
                // Accessing input value
                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
  • Internet Explorer 10.0 +
  • Firefox
  • Opera
  • Safari

 

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :