Thuộc tính kiểu số đầu vào HTML DOM được liên kết với phần tử đầu vào có kiểu =”number”. Nó sẽ luôn trả về số cho phần tử số đầu vào.
Cú pháp
Sau đây là cú pháp cho thuộc tính loại số -
numberObject.type
Ví dụ
Hãy để chúng tôi xem xét một ví dụ cho thuộc tính loại Số đầu vào DOM HTML -
<!DOCTYPE html>
<html>
<body>
<h1>Input Number type property</h1>
PHONE NO: <input type="number" id="NUMBER1">
<p>Get the above element type by clicking the below button</p>
<button onclick="getType()">Get Type</button>
<p id="Sample"></p>
<script>
function getType() {
var t = document.getElementById("NUMBER1").type;
document.getElementById("Sample").innerHTML = "The type for the input field is : "+t;
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút “Nhận loại” -
Trong ví dụ trên -
Chúng tôi đã tạo một trường đầu vào với số loại và id của nó được đặt thành “NUMBER1”.
PHONE NO: <input type="number" id="NUMBER1">
Sau đó, chúng tôi đã tạo nút "Get Type" sẽ thực thi phương thức getType () khi người dùng nhấp vào -
<button onclick="getType()">Get Type</button>
Phương thức getType () nhận phần tử đầu vào bằng phương thức getElementById () và gán giá trị thuộc tính kiểu của nó cho biến t. Sau đó, biến này được hiển thị trong đoạn có id “Sample” bằng cách sử dụng thuộc tính innerHTML -
function getType() {
var t = document.getElementById("NUMBER1").type;
document.getElementById("Sample").innerHTML = "The type for the input field is : "+t;
}