A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://www.geeksforgeeks.org/html/html-dom-input-number-min-property/ below:

HTML | DOM Input Number min Property

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: 

numberObject.min
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>

Output: 

Before clicking on the button:

  

After clicking on the button: 

 

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



RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4