คุณสมบัติ type ของ Input Number ใน HTML DOM เกี่ยวข้องกับองค์ประกอบ input ที่มี type="number" จะคืนค่า "number" เสมอสำหรับองค์ประกอบ input ประเภท number
ไวยากรณ์ (Syntax)
numberObject.typeตัวอย่าง
ตัวอย่างการดึงประเภทของช่องป้อนตัวเลข:
<!DOCTYPE html>
<html>
<body>
<h1>คุณสมบัติ type ของ Input Number</h1>
PHONE NO: <input type="number" id="NUMBER1">
<p>คลิกปุ่มด้านล่างเพื่อดูประเภทของช่องป้อนข้อมูลข้างบน</p>
<button onclick="getType()">Get Type</button>
<p id="Sample"></p>
<script>
function getType() {
var type = document.getElementById("NUMBER1").type;
document.getElementById("Sample").innerHTML = "ประเภทของช่องป้อนข้อมูลคือ: " + type;
}
</script>
</body>
</html>ผลลัพธ์
เมื่อโหลดหน้าเว็บจะแสดงช่องป้อนตัวเลขและปุ่ม "Get Type"
เมื่อคลิกปุ่ม "Get Type" จะแสดง "ประเภทของช่องป้อนข้อมูลคือ: number"
คำอธิบายโค้ด
- สร้างช่องป้อนตัวเลข
type="number"id="NUMBER1" - สร้างปุ่ม "Get Type" เรียกใช้
getType()เมื่อคลิก - ฟังก์ชัน
getType()ดึงช่องป้อนด้วยgetElementById("NUMBER1")อ่าน.typeเก็บในtype - แสดงผลในย่อหน้า
id="Sample"
