Thuộc tính HTML DOM Input Number value

Thuộc tính value của Input Number liên kết với phần tử <input type="number"> có thuộc tính value. Dùng để lấy hoặc đặt giá trị của trường số. Giá trị mặc định được chỉ định qua thuộc tính value, và thay đổi theo nhập liệu của người dùng.

Cú pháp

Đặt giá trị value:

numberObject.value = number

• number: Giá trị số muốn gán cho trường.

Ví dụ

Ví dụ lấy giá trị của trường số điện thoại:

<!DOCTYPE html>
<html>
<body>
<h1>Thuộc tính Input Number value</h1>
SĐT: <input type="number" value="222" id="NUMBER1">
<p>Nhấn nút để lấy giá trị của trường trên</p>
<button onclick="getValue()">LẤY GIÁ TRỊ</button>
<p id="Sample"></p>
<script>
  function getValue() {
    var val = document.getElementById("NUMBER1").value;
    document.getElementById("Sample").innerHTML = "Giá trị của trường nhập là: " + val;
  }
</script>
</body>
</html>

Kết quả

Ban đầu trường số hiển thị giá trị mặc định "222".

Sau khi nhấn "LẤY GIÁ TRỊ", hiển thị: "Giá trị của trường nhập là: 222" (hoặc giá trị mới nếu người dùng đã sửa).

Giải thích

• Trường input type="number", id="NUMBER1", value="222".
• Nút "LẤY GIÁ TRỊ" gọi hàm getValue().
• Hàm lấy .value của phần tử, hiển thị kết quả.