ภาพตัวอย่าง Jquery plugin ต่างๆที่ควรใช้อย่างยิ่ง
| Form element | แนะนำให้ใช้ | License | อื่นๆ |
|---|---|---|---|
| Select box | Select2 | MIT | แม้ตัวอย่างในบทความนี้จะใช้ Chosen แต่เหตุผลดีๆของ Select2 นั้นมีมากทีเดียว โปรดอ่านเพิ่มเติมได้ที่ ทดสอบประสิทธิภาพ Select2 |
| Check box | iCheck | MIT | iCheck แม้จะไม่ได้ดีเด่นกว่าตัวอื่นมากเท่าไหร่ แต่ด้วยคุณสมบัติที่ใช้งานง่าย และมี event รองรับมากมาย รวมถึงคำสั่ง checked, unchecked ไว้ให้ ก็ทำให้มันเป็น check box ที่สวยและมีความสามารถในระดับดี |
| Radio button | iCheck | MIT | Radio button ก็เป็นส่วนหนึ่งที่สามารถเปลี่ยนให้ดีไซน์ได้โดยใช้ iCheck เช่นกัน |
นอกจาก plugin ต่างๆเหล่านี้แล้ว form element อีกตัวหนึ่งที่ควรจะดีไซน์ได้ แต่ทำได้ยาก ก็คือ input file. Input file นี้นั้นไม่พบว่ามี Jquery plugin ตัวใดที่ทำรองรับเฉพาะใส่ดีไซน์เพียงอย่างเดียว ยกตัวอย่าง Jquery File Upload ก็เป็น plugin ที่มาพร้อมกับระบบจัดการ upload โดยมีคุณสมบัติแจ่มๆมากมายก่ายกอง
ด้วยเหตุนี้ ถ้าหากคุณๆเพียงแค่ต้องการจะดีไซน์ปุ่มอัพโหลด โดยไม่ต้องการฟังก์ชั่นเพิ่ม ผมจึงได้ทำการปรับแต่งมาเป็นตัวอย่างไว้ให้แล้ว โดยมีออพชั่นตัวอย่างถึง 4 การทำงาน เพื่อที่จะสามารถนำไปใช้ได้ง่ายและทันที.
และพิเศษอีก 1 plugin ที่ถือว่าหาที่ทำงานได้ดี ยากมาก นั่นคือ plugin switch สำหรับออกแบบปุ่มสวิทช์ 2 ตัวเลือก เช่น เปิด-ปิด โดย plugin แบบนี้ผมแนะนำ Jquery Switch เนื่องจากมี api รองรับ และมี event รองรับไว้พร้อมใช้.
ทดลองดูตัวอย่าง
ดาวน์โหลด หรือ Download ตัวอย่างทดลองไปทดสอบที่เครื่องคุณเอง