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 anthony woods
anthony woods
8,208 Points

anybody see the problem with the medium? says need label for and needs to be within the form.

<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"> <input type="radio" id="small" value="small" name="shirt_size"> Small<label for="small"> <input type="radio" id="medium" value="medium" name="shirt_size"> Medium<label for="medium"> <input type="radio" id="large" value="large" name="shirt_size"> Large<label for="large">

  <button type="submit">Place Order</button>
</form>
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>
<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">
      <input type="radio" id="small" value="small" name="shirt_size"> Small<label for="small">
      <input type="radio" id="medium" value="medium" name="shirt_size"> Medium<label for="medium">
      <input type="radio" id="large" value="large" name="shirt_size"> Large<label for="large">

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

3 Answers

Jeremy Coleman
Jeremy Coleman
5,449 Points
Jeremy Coleman
Jeremy Coleman
5,449 Points

This is what mine looks like

      <label>Shirt Size</label>

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

      <button type="submit">Place Order</button>
anthony woods
anthony woods
8,208 Points

ty that was it.

Jeremy Coleman
Jeremy Coleman
5,449 Points
Jeremy Coleman
Jeremy Coleman
5,449 Points

I could be wrong, but I believe your missing the second pair of select tags.

Not sure what the name and id were so I guessed

      <label> Shirt Size:</label>
      <select name="shirt_size" id="size">
          <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">
          <input type="radio" id="small" value="small" name="shirt_size"> Small<label for="small">
          <input type="radio" id="medium" value="medium" name="shirt_size"> Medium<label for="medium">
          <input type="radio" id="large" value="large" name="shirt_size"> Large<label for="large">
      </select>
anthony woods
anthony woods
8,208 Points

Bummer! You need to add a <label> element with its "for" attribute set to "medium" within the <form> element. this is what i keep getting.

Jeremy Coleman
Jeremy Coleman
5,449 Points
Jeremy Coleman
Jeremy Coleman
5,449 Points

Alright so your labels are not closed and the sizes need to be inside your label tags like this .. 

<label for="small">Small</label>