<!-- Simply set the input type of the input field to number. --!>
<!-- Just like this: ⬇️ --!>
<!DOCTYPE html>
<html>
<head>
<title>Title/page name</title>
<style>
.css::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.css::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
{
</style>
</head>
<body>
<p>This input only accepts numbers: </p><input type="number">
<!-- Css can also be use to remove the arrows from the side of the input. --!>
<!-- Just like this: ⬇️ --!>
<p>This input only accepts numbers and has no arrows: </p><input type="number" class="css">
</body>
</html>
<!-- Css can also be use to remove the arrows from the side of the input. --!>
<!-- Just like this: ⬇️ --!>