Jquery plugin สวยๆสำหรับฟอร์มที่คุณควรใช้

ภาพตัวอย่าง Jquery plugin ต่างๆที่ควรใช้อย่างยิ่ง

nice form plugins

 

Form element แนะนำให้ใช้ License อื่นๆ
Select box Chosen MIT Chosen สามารถรองรับ event ต่างๆได้อย่างดีกว่าตัวอื่นๆทั้งหมด และมันยังรองรับ onchange ในตัว select box เองได้อีกด้วย โดยที่ไม่ต้องเขียน Javascript รับคำสั่งเพิ่มเติม
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 หรือ Download ตัวอย่างทดลองไปทดสอบที่เครื่องคุณเอง

 

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>