How can I limit possible inputs in a HTML5 "number" element?

html input numbers max
Prasad picture Prasad · Dec 2, 2011 · Viewed 769.9k times · Source

For <input type="number"> element, maxlength is not working. How can I restrict the maxlength for that number element?

Answer

Cyclonecode picture Cyclonecode · Dec 2, 2011

And you can add a max attribute that will specify the highest possible number that you may insert

<input type="number" max="999" />

if you add both a max and a min value you can specify the range of allowed values:

<input type="number" min="1" max="999" />

The above will still not stop a user from manually entering a value outside of the specified range. Instead he will be displayed a popup telling him to enter a value within this range upon submitting the form as shown in this screenshot:

enter image description here

Related questions

How to make HTML input tag only accept numerical values?

I need to make sure that a certain <input> field only takes numbers as value. The input is not part of a form. Hence it doesn't get submitted, so validating during submission is not an option. I want …

Read More
Can I hide the HTML5 number input’s spin box?

Is there a consistent way across browsers to hide the new spin boxes that some browsers (such as Chrome) render for HTML input of type number? I am looking for a CSS or JavaScript method to prevent the up/down …

Read More
Is there any way to prevent input type="number" getting negative values?

I want to get only positive values, is there any way to prevent it using only html Please don't suggest validation method

Read More