Cách giới hạn giá trị trường nhập liệu trong HTML

Thẻ <input> dùng để nhận đầu vào. Để giới hạn giá trị số, dùng thuộc tính min (giá trị nhỏ nhất) và max (giá trị lớn nhất).

Các kiểu input hỗ trợ min/max: number, range, date, datetime-local, month, time, week.

Ví dụ

Chỉ cho phép nhập số từ 1 đến 10:

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

Lưu ý: Ràng buộc này là client-side, cần validate lại phía server để bảo mật.