<devsite-multiple-choice>
ウィジェットを使用すると、ユーザーはページ コンテンツに関連する質問に対する回答を推測できます。
一般的な使用方法
次の <devsite-multiple-choice>
要素は <div>
要素内にラップされています。最初の子は質問テキストで、次の子には回答テキストと、ユーザーが選択を行うと表示される説明が含まれます。また、correct
属性を追加することで、「Blue」を正解として指定しています。
空の色
Blue
でも、その理由をご存じですか?
紫
違います
インディゴ
不正解です。
環境対応
あなたが所有する惑星はどこですか?
回答の順序
次の例では、preserve-order
属性を <devsite-multiple-choice>
カスタム要素に追加し、ソースで指定されている回答の順序を保持しています。
空の色
Blue
でも、その理由をご存じですか?
紫
違います
インディゴ
不正解です。
環境対応
あなたが所有する惑星はどこですか?