กรณีศึกษาสำหรับทำงานชิ้นส่งครู

(การสร้าง Selection box หรือ Dropdown)

      4. คลิกเลือก Select (List / Menu)

          4.1 จะปรากฏดังรูปภาพต่อไปนี้

                กำหนดรายละเอียดดังภาพ

                4.1.1  ID: edu  (คือตัวแปร ห้ามีอักขระพิเศษ ห้ามเว้นวรรค)

                4.1.2 Label: E-mail : ระดับการศึกษา

                4.1.3 Style: Attach label tag using ‘for’ attribute

                4.1.4 Position: Before form item

                4.1.5 คลิก OK

                        จะปรากฏดังรูปภาพข้างล่างนี้

                        กำหนดตัวเลือกให้กับ input ระดับการศึกษา

          4.2 จะขึ้น ระดับการศึกษา  เราจะกำหนด Label กับ Value คลิก input ระดับการศึกษา

                4.2.1 คลิก input ของ “ระดับการศึกษา”

                4.2.2 คลิก List Values…

                        1)  ช่อง Item Label : พิมพ์ “ประถมศึกษา”

                        2) ช่อง Value : พิมพ์ “1”

                        3) คลิกเครื่องหมายบวก   เพื่อเพิ่ม “ตัวเลือก” และ “ข้อมูล”

                        4) ช่อง Item Label : พิมพ์ “มัธยมศึกษา”

                        5) ช่อง Value : พิมพ์ “2”

                        6) คลิก OK

                        7) กดปุ่ม Shift + Enter ที่แป้นคีย์บอร์ด เพื่อขึ้นบรรทัดใหม่

                            (เตรียมสร้าง Button)