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 Jaxon Roberts
Jaxon Roberts
1,131 Points

I typed a label element with the title "Shirt Size:" and its saying that its not correct.

I've tried to submit this like 10 times rewritten it and everything to make sure I'm right and it still says I'm not using the right text. I even copied it from the instructions to be sure

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>

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



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

2 Answers

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there, Jaxon Roberts! You're doing terrific and either something changed with your code between now and Step 1 or it shouldn't have passed step 1. The problem here is that the radio buttons are supposed to start after the </select>. So if you move the </select> above the label, it should pass step 3 of the challenge.

Hope this helps! :sparkles:

Tiffany Greathead
Tiffany Greathead
6,612 Points
Tiffany Greathead
Tiffany Greathead
6,612 Points

Your code works, but the challenge instructs you to place your code "After the select menu." Place this code:

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

below the </select> tag and you should be able to move forward.