หลายตัวเลือก

วิดเจ็ต <devsite-multiple-choice> ช่วยให้ผู้ใช้เดาคําตอบของคําถามเกี่ยวกับเนื้อหาของหน้าได้

การใช้งานทั่วไป

องค์ประกอบ <devsite-multiple-choice> ต่อไปนี้รวมอยู่ในองค์ประกอบ <div> ของบุตรหลานคนแรกคือข้อความคําถาม และเด็กคนถัดไปจะมีข้อความคําตอบและคําอธิบายที่ปรากฏขึ้นเมื่อผู้ใช้เลือก รวมถึงระบุสีน้ําเงินเป็นคําตอบที่ถูกต้องโดยการเพิ่มแอตทริบิวต์ correct

ท้องฟ้าเป็นสีอะไร
น้ำเงิน
แต่รู้ไหมว่าทําไม
ม่วง
ไม่ครับ
สีคราม
ใกล้เคียงแล้ว แต่ยังไม่ใช่
เขียว
คุณมาจากโลกใบไหน

เรียงลำดับคำตอบ

ตัวอย่างต่อไปนี้ได้เพิ่มแอตทริบิวต์ preserve-order ไปยังองค์ประกอบที่กําหนดเอง <devsite-multiple-choice> เพื่อเก็บรักษาลําดับของคําตอบตามที่ระบุไว้ในแหล่งที่มา

ท้องฟ้าเป็นสีอะไร
น้ำเงิน
แต่รู้ไหมว่าทําไม
ม่วง
ไม่ครับ
สีคราม
ใกล้เคียงแล้ว แต่ยังไม่ใช่
เขียว
คุณมาจากโลกใบไหน