คุณสมบัติ HTML DOM Input Range type

คุณสมบัติ type ของ input type="range" เกี่ยวข้องกับแอตทริบิวต์ type คุณสมบัตินี้เป็น read-only และจะคืนค่า "range" เสมอสำหรับ range input element

ไวยากรณ์ (Syntax)

rangeObject.type

ตัวอย่างการใช้งาน

<!DOCTYPE html>
<html>
<body>
<h1>คุณสมบัติ type ของ Input Range</h1>
<form>
  ระดับเสียง <input type="range" id="RANGE1" name="VOL">
</form>
<p>คลิกปุ่มเพื่อดู type ของ input element</p>
<button type="button" onclick="rangeType()">ดู Type</button>
<p id="Sample"></p>
<script>
  function rangeType() {
    var P = document.getElementById("RANGE1").type;
    document.getElementById("Sample").innerHTML = "Type ของ input field คือ: " + P;
  }
</script>
</body>
</html>

ผลลัพธ์

เริ่มต้น: Slider range input

คลิก "ดู Type": แสดง "Type ของ input field คือ: range"

คำอธิบายโค้ด

• Slider: type="range", id="RANGE1", name="VOL"
• ปุ่ม "ดู Type" เรียก rangeType()
• ดึง .type property คืนค่า "range"

การใช้งาน: ใช้ใน JavaScript เพื่อตรวจสอบประเภท input element แบบไดนามิก — เช่น วนลูป validate ฟอร์ม ตรวจสอบ type ก่อนประมวลผล

หมายเหตุ: ตัวอย่างต้นฉบับมีชื่อฟังก์ชันไม่สอดคล้อง — ได้แก้ไขในตัวอย่างด้านบนแล้ว