สร้างปุ่มตัวเลือกแบบต่างๆ


สําหรับปุ่มตัวเลือกที่สร้างขึ้นภายในฟอร์ม สามารถสร้างได้หลายรูปแบบทั้งนี้ขึ้นอยู่กับลักษณะของการใช้งานโดยจะศึกษาปุ่มตัวเลือกแบบต่างๆ ได้จากเนื้อหาด้านล่างดังต่อไปนี้

 

ปุ่มตัวเลือกแบบเรดิโอ

ปุ่มตัวเลือกแบบเรดิโอเหมาะสําหรับการใช้งานที่กําหนดให้เลือกได้เพียงตัวเลือกเดียวเท่านั้น สําหรับวิธีการ สร้างแสดงได้ดังต่อไปนี้

1. คลิกวางเคอร์เซอร์ตรงตําแหน่ง ที่ต้องการจะ สร้างปุ่มตัวเลือก ในที่นี้คือหน้าคําว่า ชาย

2. คลิกแท็บ Forums ในหน้าต่าง Insert

3. คลิกปุ่ม Radio Button เพื่อสร้างปุ่มตัว เลือกแบบเรดิโอ

จากนั้นจะปรากฏปุ่มตัวเลือกขึ้นมาตรงตําแหน่งที่กําหนด ในกรณีนี้ต้องการจะสร้างปุ่มแบบเรดิโอเพิ่มขึ้น อีกที่หน้าคําว่า Female ดังนี้

4. คลิกวางเคอร์เซอร์ที่หน้าคําว่า หญิง

5. คลิกปุ่ม Radio Button ที่แท็บ Forms จะปรากฏปุ่มเพิ่มขึ้นมา

กําหนดคุณสมบัติของปุ่มเรดิโอ

ในขั้นตอนต่อไปเราต้องทําการปรับแต่งคุณสมบัติของปุ่มเรดิโอที่สร้างขึ้นตามขั้นตอนดังต่อไปนี้

1. คลิกปุ่มตัวเลือกแบบเรดิโอที่สร้างขึ้น

2. ใส่ชื่อปุ่มที่ช่อง Radio Button ในหน้าต่าง Properties ด้านล่าง

3. ใส่ค่า radiobutton ที่ช่อง Checked Value

4. กําหนดชนิดของปุ่มตัวเลือกในส่วนของ Initial State โดยชนิดของปุ่มตัวเลือกแสดงไว้ดังนี้

- Checked กําหนดให้มีการเลือก ปุ่มที่สร้างไว้

- Unchecked กําหนดไม่ให้มีการเลือกปุ่มที่สร้างไว้

เมนูแบบเลื่อน

สําหรับบางคําถามที่มีคําถามที่มีคําตอบเตรียมไว้ ให้ผู้ชมเลือกอยู่แล้วเราสามารถนําคําตอบเหล่านั้นมาสร้าง เป็นรายการในเมนโดยให้ผู้ชมคลิกเมาส์เลื่อน Scrollbar เพื่อเลือกคําตอบจากรายการที่เตรียมไว้ให้เพื่อความสะดวก และรวดเร็วสําหรับวิธีการจัดข้อมูลในรายการ ด้วยเมนูแบบเลื่อน มีวิธีการดังแสดงต่อไปนี้

1. คลิกวางเคอร์เซอร์ตรงตําแหน่ง ที่ต้องการจะสร้างเมนูแบบเลื่อน ในที่นี้คือหลังคําว่า นาย

2. คลิกปุ่ม List / Menu ที่แท็บ Forums จะปรากฏรายการเมนูแบบลิสขึ้นมา

3. ใส่ชื่อปุ่มที่ช่อง List / Menu ในหน้าต่าง Properties ทางด้านล่าง

4. คลิกเลือก Menu ในส่วนของ Type เพื่อ กําหนดให้เป็นเมนูแบบเลื่อน

5. คลิกปุ่ม เพื่อสร้างตัวเลือกของเมนู

จากนั้นจะปรากฏหน้าต่าง List Values ขึ้นมา

6. คลิกปุ่ม เพื่อรายการในเมนู หรือถ้าจะลบ รายการในเมนูออกไปให้คลิกปุ่ม

7. พิมพ์เมนูตัวเลือกและกําหนดค่าตามต้องการ

8. คลิกปุ่ม

9. กดปุ่ม <F 12 > ที่คีย์บอร์ด เพื่อดูผลลัพธ์ผ่านทางบราวเซอร์

10. คลิกปุ่มเมนูรายการแบบเลื่อน รายการที่อยู่ ในเมนูจะแสดงขึ้นมาดังรูป

11. ปิดหน้าต่าง Browser

 

ช่องรายการแบบลิสต์

ต่อไปจะขอแนะนําวิธีสร้างช่องรายการแบบลิสต์ ( List ) กันบ้าง สําหรับการสร้างรายการด้วยเมนูแบบลิสต์ มีวิธีการดังนี้

1. คลิกวางเคอร์เซอร์ ตรงตําแหน่งที่ต้องการ จะสร้างเมนูแบบลิสต์

2. คลิกปุ่ม List / Menu ที่แท็บ Forms ในหน้าต่าง Insert จะปรากฏรายการเมนูแบบลิสต์ขึ้นมา

3. ใส่ชื่อปุ่มที่ช่อง List / Menu ในหน้าต่าง Properties

4. คลิกเลือก List ในส่วนของ Type เพื่อกําหนด ให้สร่างเป็นช่องรายการแบบลิสต์

5. กําหนดจํานวนข้อมูลตัวเลือกที่ช่อง Height อย่างในที่นี้มีตัวเลือกทั้งหมด 4 รายการ ก็ให้กรอกเลข 4 ที่ช่อง Height

6. กดปุ่ม <Enter> รายชื่อตัวเลือกทั้งหมดจะปรากฏขึ้นมา

 

ตัวเลือกแบบ Check Box

ตัวเลือกแบบสุดท้ายที่จะแนะนําคือ ตัวเลือกแบบCheck Box ซึ่งตัวเลือกประเภทนี้ผู้ใช้สามารถเลือกตัวเลือกที่กําหนดได้มากกว่า1 ตัวเลือก โดยจะมีลักษณะ เป็นช่องสี่เหลี่ยมสําหรับตัวเลือกแต่ละรายการถ้าต้องการเลือกตัวเลือกใดให้คลิกที่ช่องสี่เหลี่ยมหน้ารายการนั้น

โดยมีขั้นตอนการสร้างดังต่อไปนี้

1. คลิกวางเคอร์เซอร์ตรงตําแหน่ง ที่ต้องการจะ สร้างตัวเลือกแบบ Check Box

2. คลิกปุ่ม Checkbox จะมีปุ่มสี่เหลี่ยมเล็กๆแสดงขึ้นมา

3. ตั้งปุ่มที่ช่อง CheckBox ในหน้าต่าง Properties

4. ใส่ค่า Checkbox ที่ช่อง Checked Value

5. คลิกเลือก Uncheked ในส่วนของ Initial State เนื่องจากเราไม่ต้องการให้แสดงเครื่องหมายถูกที่ช่องตัวเลือก

6. กดปุ่ม <F 12 > ที่คีย์บอร์ด เพื่อดูผลลัพธ์ผ่านทางบราวเซอร์

7. ทดลองกรอกแบบฟอร?มลงในแบบฟอร?ม

คำสำคัญ (Tags): #dreamweaver
หมายเลขบันทึก: 94343เขียนเมื่อ 4 พฤษภาคม 2007 18:10 น. ()แก้ไขเมื่อ 15 มิถุนายน 2012 23:49 น. ()สัญญาอนุญาต: สงวนสิทธิ์ทุกประการจำนวนที่อ่านจำนวนที่อ่าน:


ความเห็น (1)

ถ้าเปง List / Menu แบบเยอะละ

ต้องสร้างฐานข้อมูลป่าว

พบปัญหาการใช้งานกรุณาแจ้ง LINE ID @gotoknow
ClassStart
ระบบจัดการการเรียนการสอนผ่านอินเทอร์เน็ต
ทั้งเว็บทั้งแอปใช้งานฟรี
ClassStart Books
โครงการหนังสือจากคลาสสตาร์ท