ฟอร์ม dropdown

วันนี้เราจะมาเรียนรู้เรื่องการทำฟอร์มแบบ dropdown คือฟอร์มที่ให้ผู้ใช้สามารถเลือกค่าได้ เช่น สี
ดูตัวอย่าง

ขั้นตอนการทำมีดังนี้

1.หลังจาก Log in เข้าสู่ระบบแล้ว ให้เลือกคลิกเมนู cformsII จากนั้นจะเจอฟอร์มแบบปกติ
ให้เราเพิ่ม field ตรงเครื่องหมาย “บวก”

2.เลือก Select Box

3.เราจะได้ Field ใหม่ ให้เลือกปุ่มแก้ไขของ field ที่ทำใหม่

ลองใส่ค่าตัวอย่างดังนี้เป็นตัวอย่างนะครับ
Your age#12-18|kiddo#19 to 30|young#31 to 45|old#45+ |older
ความหมาย Your age = ชื่อ field
#12-18|kiddo = ค่าที่โชว์และค่าที่ส่งกลับทางอีเมล์
เราจะใส่ กี่ตัวเลือกก็ได้โดยใช้ pattern เดียวกันนี้ 

 

4.หลังจากทำเสร็จอย่าลือ update Setting และลองไป refresh ที่หน้า Contact ดู จะเห็นว่าเรามี Select box
ขื่อ Your age และมีเมนูให้เราเลือกช่วงอายุได้