Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML HTML Forms Choosing Options Create Radio Buttons

Posted by MUZ140067 Precious Mutangi
MUZ140067 Precious Mutangi
13,064 Points

Stage 3 Challenge 2

Add a label above the radio button group that says "Shirt Size:". Don't associate it with any specific element

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>HTML Forms</title>
  </head>
  <body>
    <form action="index.html" method="post">
      <h1>Shirt Order Form</h1>
      <select id="color" name="shirt_color">
        <label for="color">Shirt Color:</label>
        <label>Shirt Size:</label> 
        <input type="radio" id="small"value="small"name="shirt_size">
         <input type="radio" id="medium"value="medium"name="shirt_size">
         <input type="radio" id="large"value="large"name="shirt_size">
        <option value="red">Red</option>
        <option value="yellow">Yellow</option>
        <option value="purple">Purple</option>
        <option value="blue">Blue</option>
        <option value="green">Green</option>
        <option value="orange">Orange</option>
      </select>
      <button type="submit">Place Order</button>
    </form>
  </body>
</html>

3 Answers

Melissa Wheeler
Melissa Wheeler
6,306 Points
Melissa Wheeler
Melissa Wheeler
6,306 Points

What is the problem your experiencing?

Corey Lyons
Corey Lyons
24,684 Points
Corey Lyons
Corey Lyons
24,684 Points

I figured this out- the shirt size label and radio buttons go after the h1 tag like this:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>HTML Forms</title>
  </head>
  <body>
    <form action="index.html" method="post">
      <h1>Shirt Order Form</h1>
      <label>Shirt Size:</label>
          <input type=radio id="small" value="small" name="shirt_size">
          <input type=radio id="medium" value="medium" name="shirt_size">
          <input type=radio id="large" value="large" name="shirt_size">
      <label for="color">Shirt Color:</label>
      <select id="color" name="shirt_color">
        <option value="red">Red</option>
        <option value="yellow">Yellow</option>
        <option value="purple">Purple</option>
        <option value="blue">Blue</option>
        <option value="green">Green</option>
        <option value="orange">Orange</option>
      </select>



      <button type="submit">Place Order</button>
    </form>
  </body>
</html>

I think since you had the shirt size label and their respective radio buttons mixed in with shirt color and their options, the code didn't execute as it should have.

Byron Twogood
Byron Twogood
14,631 Points
Byron Twogood
Byron Twogood
14,631 Points

I don't mean to sound like an ass or discourage you from asking questions, but I noticed you posted multiple times for subsequent challenges. While this forum IS for requesting help, please don't abuse that ability. If you're having trouble with the challenges, re-watch the video and try it again. Watch the hints that the challenge gives you when you goof on the coding. Most of these challenges aren't that hard if you pay attention to the video and revisit it once or twice. If need be, read the transcript, or search it for keywords related to the challenge. But please, don't fill the forum with Stage X - Challenge A, Stage X - Challenge B, Stage X - Challenge C, etc... You're not going to learn anything simply by searching for the correct answer from those who took the time to figure it out on their own.