HTML <input type="range">
❮ HTML <input> ประเภทแอตทริบิวต์
ตัวอย่าง
กำหนดการควบคุมช่วง (เช่นตัวควบคุมตัวเลื่อน):
<label for="points">Points (between 0 and 10):</label>
<input type="range"
id="points" name="points" min="0" max="10">
ความหมายและการใช้งาน
กำหนด ตัว<input type="range">ควบคุมสำหรับการป้อนตัวเลขที่มีค่าที่แน่นอนไม่สำคัญ (เช่นตัวควบคุมตัวเลื่อน)
ช่วงเริ่มต้นคือ 0 ถึง 100 อย่างไรก็ตาม คุณสามารถตั้งค่าข้อจำกัดเกี่ยวกับตัวเลขที่ยอมรับได้ด้วยแอตทริบิวต์ด้านล่าง
- max - ระบุค่าสูงสุดที่อนุญาต
- min - ระบุค่าต่ำสุดที่อนุญาต
- ขั้นตอน - ระบุช่วงตัวเลขทางกฎหมาย
- ค่า - ระบุค่าเริ่มต้น
เคล็ดลับ:เพิ่ม<label>แท็กสำหรับแนวทางปฏิบัติด้านการเข้าถึงที่ดีที่สุดเสมอ!
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนองค์ประกอบอย่างสมบูรณ์
| Attribute | |||||
|---|---|---|---|---|---|
| type="range" | 4.0 | 10.0 | 23.0 | 3.1 | 10.1 |
ไวยากรณ์
<input type="range">
❮ HTML <input> ประเภทแอตทริบิวต์