Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách sử dụng thuộc tính step cho input number trong HTML

Thuộc tính step trên <input type="number"> (cũng áp dụng cho range, date, time...) xác định khoảng cách giữa các giá trị hợp lệ. Ví dụ step="5" chỉ chấp nhận 0, 5, 10, 15...

Kết hợp với min và max để tạo dải giá trị hợp lệ có bước nhảy.

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>HTML input step attribute</title>
  </head>
  <body>
    <form action="" method="get">
      <input type="number" name="points" step="5"><br>
      <input type="submit" value="Gửi">
    </form>
  </body>
</html>

Hành vi: Nếu người dùng nhập 7 và submit, trình duyệt báo lỗi: "Please enter a valid value. The two nearest valid values are 5 and 10."