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
analyn jane calado
3,523 Pointsradio button challenge
I'm stack here! ahh sorie guyz, i just need your help/
<!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">
<label for="size">Shirt Size:</label>
<option value="small">Small</option>
<option medium="yellow">Medium</option>
<option large="purple">Large</option>
<button type="submit">Place Order</button>
</form>
</body>
</html>
4 Answers
Greg Kaleka
39,021 PointsHi Analyn,
It looks like you're confusing the options in a select (drop-down) element with the labels for radio buttons. The syntax for a label element is:
<label for="id-of-the-element-the-label-is-for">Text you want displayed as a label</label>
Try this: add just one label element for medium shirts, and then click on the preview button in the challenge. You'll see how it behaves, and it will help you build the rest. John's code is the correct solution, but I think you would do better to build the code yourself!
Also, don't feel bad if you have to go back and watch the video again! A lot of times if you get tripped up on something specific, like label elements, you can watch the video again and focus your attention on that aspect and really 'get' it :).
Happy coding!
John Norris
21,145 PointsHere ya go!
<!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>
<label for="small">Small</label><br>
<input type="radio" id="small" value="small" name="shirt_size">
<label for="medium">Medium</label><br>
<input type="radio" id="medium" value="medium" name="shirt_size">
<label for="large">Large</label><br>
<input type="radio" id="large" value="large" name="shirt_size">
<button type="submit">Place Order</button>
</form>
</body>
</html>
John Norris
21,145 PointsThis is the final answer. If you need further help, please let me know what Task Number you're stuck on.
analyn jane calado
3,523 PointsI'm at checkboxes challenge adding labels also for the two checkboxes. do i need to make labels for each, or one by one?
analyn jane calado
3,523 Pointsthank you Greg and John..
analyn jane calado
3,523 PointsI'm at checkboxes challenge adding labels also for the two checkboxes. do i need to make labels for each, or one by one?