← クエスト一覧

クエスト37：チェックボックスとラジオボタン

スライド 1 / 2
コーデ
💻 コード例
実行結果
← クエスト一覧
🌐 HTML & CSS / Quest 37 / 50

クエスト37：チェックボックスとラジオボタン

発展 +10 XP
🏠
今回の課題
好きな色を選ぶチェックボックスと、性別を選ぶラジオボタンを作ろう！
📖 解説を見る
☑️ チェックボックスとラジオボタン！

  • type="checkbox"：複数選択可
  • type="radio"：1つだけ選択
同じ name 属性でグループ化しよう！
ヒントを見る
ラジオボタンは同じ name にすると1つだけ選べるよ！
📄 見本
「答えを見る」を押すと、お手本のプレビューとコードが出ます。
💻 コードエディタ
正解！見本と同じになりました。
次へ →
🏠 ホームへ

れんしゅうもんだい

☑ 0 / 3 正解 レッスンに戻る

全問正解でクエストクリア！

未挑戦

問題 1: チェックボックスをもう1つ追加しよう！（自由回答）

🖼 プレビュー
実行結果
実行できたよ！
もう一度チャレンジ！
未挑戦

問題 2: ラジオボタンにデフォルト選択（checked）を追加しよう！（自由回答）

🖼 プレビュー
実行結果
実行できたよ！
もう一度チャレンジ！
未挑戦

問題 3: セレクトボックス（select）で好きな食べ物を選べるようにしよう！（自由回答）

🖼 プレビュー
実行結果
実行できたよ！
もう一度チャレンジ！
コピーしました！