HTML DOM องค์ประกอบ Input Range

สมาชิก Input Range

สมาชิก Input Range คือสมาชิกใหม่ใน HTML5

สมาชิก Input Range แสดงถึงสมาชิก HTML <input type="range">

หมายเหตุ:Internet Explorer 9 และเวอร์ชั่นต่อไปนั้นไม่สนับสนุนสมาชิก <input type="range">

เข้าถึงสมาชิก Input Range

คุณสามารถเข้าถึงสมาชิก <input type="range"> ด้วยการใช้ getElementById() ได้:

var x = document.getElementById("myRange");

ทดลองด้วยตัวเอง

คำแนะนำ:คุณยังสามารถเดินทางผ่าน ชุด elements เพื่อเข้าถึง Input Range

สร้าง Input Range

คุณสามารถสร้างองค์ประกอบ <input type="range"> ด้วยวิธี document.createElement()

var x = document.createElement("INPUT");
x.setAttribute("type", "range");

ทดลองด้วยตัวเอง

คุณสมบัติ Input Range

คุณสมบัติ คำอธิบาย
autocomplete ตั้งค่าหรือกลับค่าค่า autocomplete
autofocus ตั้งค่าหรือกลับค่าสถานะว่าตัวบวกควรได้รับความสนใจโดยอัตโนมัติหลังจากการโหลดเว็บ
defaultValue ตั้งค่าหรือกลับค่าค่า default value
disabled ตั้งค่าหรือกลับค่าสถานะว่าตัวบวกถูกปิดบล็อกหรือไม่
form กลับค่าอ้างอิงต่อฟอร์มที่มีตัวบวก
list กลับค่าอ้างอิงต่อ datalist ที่มีตัวบวก
max ตั้งค่าหรือกลับค่าค่า max ของตัวบวก
min ตั้งค่าหรือกลับค่าค่า min ของตัวบวก
name ตั้งค่าหรือกลับค่าค่า name ของตัวบวก
step ตั้งค่าหรือกลับค่าค่า step ของตัวบวก
type กลับค่าประเภทสมบัติของตัวบวก
value ตั้งค่าหรือกลับค่าค่า value ของตัวบวก

วิธีการ Input Range

วิธี คำอธิบาย
stepDown() ลดค่าของตัวบวกลงเป็นตัวเลขที่กำหนด
stepUp() เพิ่มค่าของตัวบวกลงเป็นตัวเลขที่กำหนด

มาตรฐานและเหตุการณ์

Input Range อนุญาตให้ใช้มาตรฐานคุณสมบัติและเหตุการณ์。

หน้าที่เกี่ยวข้อง

การเรียนรู้ HTML:ฟอร์ม HTML

คู่มืออ้างอิง HTML:ตากึก <input> ของ HTML

คู่มืออ้างอิง HTML:ขอบเขต <input> type ของ HTML