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

renedoukhan
renedoukhan
4,761 Points
Posted by renedoukhan
renedoukhan
4,761 Points

label tag is not working

label tag is not working. Don't understand why.

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>
Oluwasegun Adesina
Oluwasegun Adesina
8,805 Points
Oluwasegun Adesina
Oluwasegun Adesina
8,805 Points

I believe the Shirt Size is not showing because it's still within the <select> tags. If you put the ending </select> tag after the <option value=orange">Orange</option>, the Shirt Size label should show up. Hope that helps. If not just let us know. Cheers!

Alexander Davison
Alexander Davison
65,469 Points

I think Oluwasegun Adesina is right!

I would of given you an upvote, however you didn't post your answer as an "answer" and you left a "comment" instead so it is impossible to upvote... Sorry!

Oluwasegun Adesina
Oluwasegun Adesina
8,805 Points
Oluwasegun Adesina
Oluwasegun Adesina
8,805 Points

Lol! Yeah, I'm new to answering questions so I just figured out how to answer the question. Just posted it. Thanks!

1 Answer

Oluwasegun Adesina
Oluwasegun Adesina
8,805 Points
Oluwasegun Adesina
Oluwasegun Adesina
8,805 Points

I believe the Shirt Size is not showing because it's still within the <select> tags. If you put the ending </select> tag after the <option value=orange">Orange</option>, the Shirt Size label should show up. Try code below. Hope that helps. If not just let us know. Cheers!

<!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><!--select tag should go here-->

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

</body> </html>

Alexander Davison
Alexander Davison
65,469 Points

Upvoted! :D

Alexander Davison
Alexander Davison
65,469 Points

Note: Upvotes give you one point for that topic and best answers give you 12 points for that topic :)