Cách giới hạn input box chỉ chấp nhận số trong HTML

Dùng <input type="number"> để tạo trường chỉ chấp nhận số. Trình duyệt sẽ hiển thị nút tăng/giảm và chặn ký tự không phải số khi submit.

Nếu người dùng nhập chữ và bấm Submit, trình duyệt báo lỗi: "Please enter a number."

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>HTML input number</title>
  </head>
  <body>
    <form action="" method="get">
      Nhập số từ 1 đến 20: <input type="number" name="num" min="1" max="20"><br>
      <input type="submit" value="Gửi">
    </form>
  </body>
</html>

Lưu ý: Validation client-side có thể bị bỏ qua. Luôn validate lại phía server.