ถัดไป ก่อนหน้า

3.5 Form Elements

     f. Slider

    สามารถทำได้โดยการเพิ่ม attribute type ใน element input เป็น type=”range” และเพื่อป้องกันไม่ให้ป้อนข้อมูลของแถบเลื่อนอัตโนมัติ สามารถเพิ่มattribute data-role="none" ใน <input>

CD ไฟล์: form-slider.html

การเพิ่มการเลื่อน(Step increment)
    โดยปกติสามารถเพิ่มตั้งแต่ 1 ถึง 500 ยกตัวอย่างการเพิ่มทีละ 50

CD ไฟล์: form-slider.html

การ Fill highlight

CD ไฟล์: form-slider.html

การจัดกลุ่ม element ของ form

CD ไฟล์: form-slider.html

การเรียกใช้ slider plugin
ตัวอย่าง

$('input').slider();

Theme slider

CD ไฟล์: form-slider.html