Thuộc tính step trong HTML

Thuộc tính step trong HTML xác định khoảng cách số (number interval) cho một phần tử <input> trong tài liệu HTML.

Cú pháp

Cú pháp như sau:

<input step="number">

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính step trong HTML:

<!DOCTYPE html>
<html>
<style>
  body {
    color: #000;
    height: 100vh;
    background-color: #8BC6EC;
    background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
    text-align: center;
  }
</style>
<body>
<h1>Demo thuộc tính step trong HTML</h1>
<p>Nhập số lượng đơn hàng:</p>
<input type="number" step="5" value="0">
</body>
</html>

Kết quả

Bây giờ nhập bất kỳ số nào và sau đó thử tăng hoặc giảm nó bằng cách sử dụng phím mũi tên lên/xuống.