Đối tượng Input Number trong HTML DOM

Đối tượng Input Number đại diện cho <input type="number"> - cho phép nhập số với các điều khiển tăng/giảm (spinner) và validation tự động.

Tạo input number động

var numInput = document.createElement("INPUT");
numInput.setAttribute("type", "number");

Các thuộc tính chính

Phương thức

Ví dụ: Tạo input number động (đã sửa code mẫu)

<!DOCTYPE html>
<html>
<head>
    <style>
        body { text-align: center; font-family: sans-serif; padding: 20px; }
        .btn {
            background-color: #dc3545; border: none; color: white;
            padding: 10px 20px; border-radius: 5px; cursor: pointer;
            font-size: 1rem; margin: 10px; display: inline-block;
        }
    </style>
</head>
<body>
    <h1>Ví dụ DOM Input Number Object</h1>
    <button onclick="createNumberField()" class="btn">Tạo input số</button>
    <script>
        function createNumberField() {
            var input = document.createElement("INPUT");
            input.setAttribute("type", "number");
            input.setAttribute("min", "0");
            input.setAttribute("max", "100");
            input.setAttribute("step", "1");
            input.setAttribute("value", "50");
            input.style.width = "200px";
            input.style.padding = "8px";
            document.body.appendChild(input);
        }
    </script>
</body>
</html>

Kết quả

Trước khi nhấn:

Sau khi nhấn "Tạo input số":