สวิทช์มูลนิธิ
สวิทช์คือการคลิกเมาส์ (นิ้วแตะ) ภายใต้สลับไปมาระหว่าง "On" และ "ปิด" รัฐ:
สลับไปใช้ <div class="switch">
สร้าง <div>
เพิ่มด้วย ID ที่ไม่ซ้ำกันภายใน <input type="checkbox">
, <label>
องค์ประกอบสำหรับแอตทริบิวต์ต้อง <input type="checkbox">
ID ของการแข่งขัน:
ตัวอย่าง
<ระดับ Div = "สวิทช์">
<input id = "mySwitch" type = "ช่องทำเครื่องหมาย">
<label สำหรับ = "mySwitch"> </ label>
</ div>
<input id = "mySwitch" type = "ช่องทำเครื่องหมาย">
<label สำหรับ = "mySwitch"> </ label>
</ div>
ลอง»
ขนาดสวิทช์
ใช้ .large
, .small
หรือ .tiny
ระดับการกำหนดขนาดสวิทช์:
ตัวอย่าง
<div class = "สลับใหญ่" > ... </ div>
<div class = "สวิทช์"> ... </ div>
<div class = "สลับเล็ก" > ... </ div>
<div class = "สลับเล็ก" > ... </ div>
<div class = "สวิทช์"> ... </ div>
<div class = "สลับเล็ก" > ... </ div>
<div class = "สลับเล็ก" > ... </ div>
ลอง»
สวิทช์เนื้อ
ใช้ .radius
และ .round
ระดับตั้งสวิตช์เนื้อ:
ตัวอย่าง
<div class = "สวิทช์"> ... </ div>
<div class = "สวิทช์รัศมี" > ... </ div>
<div class = "สวิทช์รอบ" > ... </ div>
<div class = "สวิทช์รัศมี" > ... </ div>
<div class = "สวิทช์รอบ" > ... </ div>
ลอง»
กลุ่มสวิทช์
คุณสามารถตั้งค่าตัวเลือกของแต่ละบุคคลโดยการตั้งค่าปุ่ม (วิทยุ) หมายเหตุ: โปรดทราบว่าแต่ละตัวเลือก name
แอตทริบิวต์จะต้องเหมือนกัน (เช่น "myGroup")
ตัวอย่าง
<ระดับ Div = "สวิทช์">
<input id = "mySwitch1" type = "วิทยุ" ชื่อ = "myGroup">
<label สำหรับ = "mySwitch1"> </ label>
</ div>
<ระดับ Div = "สวิทช์">
<input id = "mySwitch2" type = "วิทยุ" ชื่อ = "myGroup" การตรวจสอบ>
<label สำหรับ = "mySwitch2"> </ label>
</ div>
<input id = "mySwitch1" type = "วิทยุ" ชื่อ = "myGroup">
<label สำหรับ = "mySwitch1"> </ label>
</ div>
<ระดับ Div = "สวิทช์">
<input id = "mySwitch2" type = "วิทยุ" ชื่อ = "myGroup" การตรวจสอบ>
<label สำหรับ = "mySwitch2"> </ label>
</ div>
ลอง»