• in
InterCourses
CoursesBlogs
0
← Introduction to HTML
○What Is HTML? See Tags in Action○Exercise: Build the Meridian Signal○Complete HTML5 Page Structure: See It in Action○Exercise: Build a Complete HTML5 Page✦Module Quiz
○Heading Hierarchy Demo: H1 and H2○Exercise: Extend the Signal Brief○Paragraphs and Inline Tags Demo○Exercise: Write Meridian's Survey Notes○List Types Demo: Steps, Items, and Terms○Exercise: Build a Crew member Loadout○Challenge: Transmit a Rescue Signal✦Module Quiz
○Hyperlinks○Images○Applying Styles to HTML✦Module Quiz
○Div and Span○HTML Tables○Classes and IDs○Review: Structured Profile✦Module Quiz
○Project 1 - Visiting Card Structure○Project 1 - Visiting Card Actions✦Module Quiz
○The Head Element and Page Title○Meta Tags○HTML Entities✦Module Quiz
○Form Basics Demo: Join the Meridian Relay○Exercise: Build a Night-Shift Check-In○Input Types Demo: Build a Mission Profile○Exercise: Record Beacon Maintenance○Choice Controls Demo: Select Training Modes●Exercise: Plan a Supply Pickup○Response Controls Demo: Send a Mission Reply○Exercise: Build a Rescue Dispatch Report○Challenge: Send an Emergency Beacon✦Module Quiz
○Project 2 - Contact Us Form Structure○Project 2 - Contact Us Form Actions✦Module Quiz
○Embedding Video○Embedding Audio○Iframes✦Module Quiz
○Semantic HTML Tags○Details, Figure, and Figcaption✦Module Quiz
○Project 3 - Resume Semantic Structure○Project 3 - Resume Links and Actions✦Module Quiz

Exercise: Plan a Supply Pickup

Mission

After testing the training-choice demo, plan a supply pickup: the crew can request several supplies but must select one delivery window.

What you'll build

A supply request with three supply checkboxes, three grouped delivery-window radios, a default selection, and fieldset context.

Your Task

  1. Add at least three independently selectable checkboxes for supplies.
  2. Add at least three radio buttons for delivery windows.
  3. Give all the radio buttons one non-empty shared name.
  4. Preselect exactly one delivery window using checked.
  5. Wrap each choice set in its own <fieldset> with a describing <legend>.

Checkpoint

Run the page. More than one checkbox can be on at once, but selecting a second radio option turns off the first.

Payoff

The crew can request several supplies and choose one pickup time without JavaScript.

Hint 1
1 / 1
HINT 1

Radio buttons become one group only when their name values match.

Loading editor…
READY
intercourses
html