Component : JForm | สร้างแบบฟอร์มได้ง่ายๆ

JForm เป็นตัวช่วยสร้างแบบฟอร์มโดยง่ายๆ เพียงแค่ลากวางๆเท่านั้นเองง่ายดีเนอะ และข้อมูลที่ได้มาจะถูกเก็บไว้ใน database สามารถเรียกออกมาดูได้ตลอด สามารถสร้างฟอร์มได้ได้โดยอิสระ จะเก็บข้อมูลอะไรก็แล้วแต่เราเลยครับ

ให้เราทำการดาวโหลด JForm มาทำการติดตั้งหลังจากนั้นไปที่เมนู Components > JForms
howhost_00149

กด New เพื่อสร้างฟอร์มใหม่
howhost_00248

วิธีการใช้งาน เราอยากได้ฟอร์มแบบไหนก็เพียงแค่ลากจากซ้ายไปวางด้านขวาดูตามภาพ
howhost_00336

หลังจากลากมาใส่ด้านขวามือแล้ว ให้เราคลิกเพื่อแก้ไขฟอร์มทางด้านซ้ายมือ
howhost_00528

  1. label ใส่ชื่อหัวข้อ
  2. กำหนดว่าต้องกรองฟอร์มนี้

อันนี้เป็นการทำฟอร์ม email
howhost_00621

อันนี้เป็นการทำฟอร์ม date เพื่อใส่วันที่
howhost_00717
howhost_00811

อันนี้ผมจะทำฟอร์มสำหรับกรองที่อยู่โดยใช้ Textarea
howhost_0095
howhost_0104

ทำเสร็จแล้วสุดท้ายอย่าครับปุ่ม Submit เพื่อการยอมรับการกรองข้อมูล
howhost_0113

สุดท้ายและท้ายสุด ให้เราไปตั้งค่าแบบฟอร์ม เพื่อทำการตั้งชื่อแบบฟอร์มและกำหนดสิทธิในการใช้แบบฟอร์ม
howhost_0121

เมื่อเสร็จแล้วให้คลิก แทบ Active plugins ให้ติ๊กเลือก Mail
howhost_013

ขั้นตอนต่อไปให้ใส่ Email ที่ต้องการให้ส่งข้อมูลไปและปรับแต่งข้อความ Email จากนั้นกด Save
howhost_014

จากนั้นให้เราไปสร้างเมนูเพื่อติดต่อกับฟอร์มของเรา ให้ไปที่ Menus > Main Menu
howhost_015

กด New เพิ่มสร้างเมนูใหม่ และเลือกเมนู JForm > Standard Form Layout
howhost_016

กำหนดรายละเอียดต่างๆ
howhost_017

  1. ใส่ชื่อเมนู
  2. เลือกฟอร์มที่เราสร้างมาเมื่อกี้
  3. กด Save

มาดูผลสำเร็จกัน
howhost_018

การดูข้อมูลของฟอร์มที่กรองมาให้ไปที่ Components > JForm จากนั้นคลิกที่ Records
howhost_019
howhost_020

บทความแนะนำ
    blog comments powered by Disqus