ฟอร์มเลื่อน jQuery มือถือ
มือถือ jQuery ควบคุมการเลื่อน
Slider ช่วยให้คุณสามารถเลือกค่าจากช่วงของตัวเลข:
เพื่อสร้างเลื่อนใช้ <input type = "ช่วง">:
ตัวอย่าง
<label for="points">进度:</label>
< input type="range" name="points" id="points" value="50" min="0" max="100">
</form>
ลอง»
ใช้แอตทริบิวต์ต่อไปนี้เพื่อระบุข้อ จำกัด :
- แม็กซ์ - สูงสุดที่อนุญาตตามระเบียบ
- นาที - ต่ำสุดที่ได้รับอนุญาตตามกฎระเบียบ
- ขั้นตอน - ระบุช่วงเวลาที่จำนวนตามกฎหมาย
- คุ้มค่า - ค่าเริ่มต้นที่ระบุไว้
เคล็ดลับ: หากคุณต้องการที่จะแสดงในปุ่มสามารถเพิ่มมูลค่าของความคืบหน้าของข้อมูล-Show-value = "ที่แท้จริง " แอตทริบิวต์:
เคล็ดลับ: หากคุณต้องการที่จะแสดงความคืบหน้าเกี่ยวกับปุ่มสไลด์ (คล้ายกับการเล่นหน้าต่างเล็ก ๆ ) คุณสามารถใช้ข้อมูลป๊อปอัพที่เปิดใช้งาน = "true " แอตทริบิวต์:
เคล็ดลับ: หากคุณต้องการที่จะเน้นคุณค่าของตัวเลื่อนที่ไฮไลต์เพิ่มข้อมูลไฮไลท์ = "true"
สวิทช์แบบก้านยาว
ความผันผวนสลับปกติแล้วจะใช้สำหรับเปิด / ปิดปุ่มหรือจริง / เท็จ:
เราสามารถใช้ <ชนิดของการป้อนข้อมูล = "ช่องทำเครื่องหมาย"> องค์ประกอบและระบุข้อมูลบทบาทในการสร้างสวิทช์คือ "flipswitch":
ตัวอย่าง
<label for="switch">切换开关:</label>
<input type="checkbox" data-role="flipswitch" name="switch" id="switch">
</form>
ลอง»
โดยค่าเริ่มต้นสวิตช์ข้อความที่จะ "เปิด" และ "ปิด" คุณสามารถใช้ข้อมูลต่อข้อความและข้อมูล-OFF-ข้อความคุณสมบัติในการปรับเปลี่ยนมัน
ตัวอย่าง
ลอง»
เคล็ดลับ: คุณสามารถใช้สวิทช์กล่อง "การตรวจสอบ" แอตทริบิวต์การตั้งค่าตัวเลือกเริ่มต้น:
ตัวอย่างเพิ่มเติม
เลื่อนช่วงเวลา
ทำให้สไลด์ค่าช่วงเวลา
ลักษณะ Slider
การตั้งค่ารูปแบบการสวิทช์ตัวเลื่อน