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

Sean Ring
Sean Ring
5,070 Points
Posted by Sean Ring
Sean Ring
5,070 Points

Can't figure this out...

<label>Shirt Size:</label>

But I'm getting an error saying that I'm associating this with a specific element. Please help. Thanks!

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>
      <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>

      <label>Shirt Size:</label>

      <label for="small">Small</label>
      <input type="radio" id="small" value="small" name="shirt_size">

      <label for="medium">Medium</label>
      <input type="radio" id="medium" value="medium" name="shirt_size">

      <label for="large">Large</label>
      <input type="radio" id="large" value="large" name="shirt_size">

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

2 Answers

William Li
PLUS
William Li
Courses Plus Student 26,868 Points
William Li
William Li
Courses Plus Student 26,868 Points

umm ... You need to simplify your code a little bit, up at part 3 of the challenge, your code should only be something like this

      </select>

      <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">

      <button type="submit">Place Order</button>

Because in the part 1 & 2 of challenge, you were only asked to create radio buttons, and

Don't add a label or line breaks yet.

Sometimes grader will fail if your code trying to do so much more than what the grader is expecting.

Sean Ring
Sean Ring
5,070 Points
Sean Ring
Sean Ring
5,070 Points

Hi William,

Many thanks for your help. I've sorted it out now.

All the best,

Sean