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

shirshah sahel
shirshah sahel
10,035 Points
Posted by shirshah sahel
shirshah sahel
10,035 Points

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

I don't know why I can't pass the question. Help will be appreciated.

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

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

4 Answers

Javier Pons
Javier Pons
15,010 Points
Javier Pons
Javier Pons
15,010 Points

You placed 

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

inside the select menu.. 

<select id="color" name="shirt_color">
</select>

you should place the radio buttons and label after the select menu

Hope it helps !

shirshah sahel
shirshah sahel
10,035 Points
shirshah sahel
shirshah sahel
10,035 Points

Thanks Javier Pons for taking the time to write the answer, it worked.

Javier Pons
Javier Pons
15,010 Points
Javier Pons
Javier Pons
15,010 Points

You're welcome. Next time play closer attention to the tasks in the challenge. in the first task it said : "After the select menu, create a radio button with the ID "small"" , that is where you went wrong .. glad it helped. Javier

shirshah sahel
shirshah sahel
10,035 Points
shirshah sahel
shirshah sahel
10,035 Points

Yes for sure, Thanks again.

leo homssi
leo homssi
5,111 Points
leo homssi
leo homssi
5,111 Points

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


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