多肢選択式

<devsite-multiple-choice> ウィジェットを使用すると、ユーザーはページ コンテンツに関連する質問に対する回答を推測できます。

一般的な使用方法

次の <devsite-multiple-choice> 要素は <div> 要素内にラップされています。最初の子は質問テキストで、次の子には回答テキストと、ユーザーが選択を行うと表示される説明が含まれます。また、correct 属性を追加することで、「Blue」を正解として指定しています。

空の色
Blue
でも、その理由をご存じですか?
違います
インディゴ
不正解です。
環境対応
あなたが所有する惑星はどこですか?

回答の順序

次の例では、preserve-order 属性を <devsite-multiple-choice> カスタム要素に追加し、ソースで指定されている回答の順序を保持しています。

空の色
Blue
でも、その理由をご存じですか?
違います
インディゴ
不正解です。
環境対応
あなたが所有する惑星はどこですか?