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

louchamberlain
louchamberlain
2,348 Points
Posted by louchamberlain
louchamberlain
2,348 Points

Help with a challenge please!! Can someone please explain why my label is not appearing?

The code challenge asks for the label "Shirt Size:" to be put above the radio buttons but says not to associate it with any element, what am I doing wrong please? Thanks in advance!

louchamberlain
louchamberlain
2,348 Points
louchamberlain
louchamberlain
2,348 Points

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

3 Answers

Michael Afanasiev
PLUS
Michael Afanasiev
Courses Plus Student 15,596 Points
Michael Afanasiev
Michael Afanasiev
Courses Plus Student 15,596 Points

Make sure you add your buttons and label under the select element like so;

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


      <button type="submit">Place Order</button>
    </form>
  </body>
</html>
louchamberlain
louchamberlain
2,348 Points
louchamberlain
louchamberlain
2,348 Points

Thank you :-) it's always something simple lol

Michael Afanasiev
Michael Afanasiev
Courses Plus Student 15,596 Points
Michael Afanasiev
Michael Afanasiev
Courses Plus Student 15,596 Points

You're welcome, it's always these damn little things that we don't notice :P

Krzysztof Kucharzyk
seal-mask
.a{fill-rule:evenodd;}techdegree
Krzysztof Kucharzyk
Front End Web Development Techdegree Student 4,005 Points
Krzysztof Kucharzyk
.a{fill-rule:evenodd;}techdegree
Krzysztof Kucharzyk
Front End Web Development Techdegree Student 4,005 Points

All you have to do is to add a button under your select menu:

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

And that's it

louchamberlain
louchamberlain
2,348 Points
louchamberlain
louchamberlain
2,348 Points

Thank you! I made the simple mistake of creating my radio buttons inside the select menu not underneath it!