In this article, we will learn how to restrict an HTML input box so that it only accepts numeric input.

We use theto limit an HTML input box so that it only accepts numeric inputs. By using this, we will get a numeric input field.

Syntax

The following is the syntax to limit the HTML input box to only accept numeric input.

Example

The following is a sample program to limit the HTML input box to only accept numeric input -

        
  
Tutorialspoint
 
 Enter your Mobile number -  

 Enter your area Pincode -  

  
   

If we try to enter any value other than a number, it will not be allowed. Therefore, it strictly only allows numeric values.

Example

Following is another example program to limit an HTML input box so that it only accepts numeric input -

      
  
 Phone Number: 
  
  

After limiting the input box to number, if a user enters text and press submit button, then the following can be seen “Please enter a number.”

We can also limit the value of the number input field.

After limiting the input box to numbers, if the user enters a value greater than the limit value and clicks the submit button, the following content will be displayed: "The value must be less than or equal to the specified limit value (20)"

Example

Following is another example program to limit an HTML input box so that it only accepts numeric input -

      
  
 
Select the quantity, and we cannot deliver more than 5.

 Pizza
 Burger
 Garlic Bread
 Pepsi
 
  

If you compile and run the above code, it will show 4 boxes where you can set the limit from a minimum value of 0 to a maximum value of 5.

The above is the detailed content of How to limit the HTML input box to only accept numeric input?. For more information, please follow other related articles on the PHP Chinese website!