Sometimes, we want to make HTML text input allow only numeric input.
In this article, we’ll look at how to make HTML text input allow only numeric input.
How to make HTML text input allow only numeric input?
To make HTML text input allow only numeric input, we set the pattern
attribute to a regex.
For instance, we write
<input id="numbersOnly" pattern="[0-9.]+" type="text" />
to set the pattern
attribute to a regex that matches numbers.
Then we can only enter numbers without getting a validation error.
Conclusion
To make HTML text input allow only numeric input, we set the pattern
attribute to a regex.