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
Brittany Moyer
3,879 PointsWhat am I doing wrong?
When I enter in the code for this challenge and follow the steps, somehow I always end up with an error. Either the error tells me that I need to define the element or that when I do define the element the previous step has now been undone. Could someone help me please?
<!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"></label>
<input type="radio" id="small" value="small" name="shirt_size">
<label for="medium"></label>
<input type="radio" id="medium" value="medium" name="shirt_size">
<label for="large"></label>
<input type="radio" id="large" value="large" name="shirt_size">
<button type="submit">Place Order</button>
</form>
</body>
</html>
David Bath
25,940 PointsI don't think it's anything you're doing, I think the quiz is messed up. I just tried it myself and got an error, even though I'm sure my code was correct (according to the instructions), just like yours. Well, I put text inside my label elements, but otherwise it was the same as yours.
Dylan Espey
10,578 PointsEdit: nevermind. Didn't notice the answers while I was making a comment.
4 Answers
Damien Watson
27,419 PointsHey, its the order of the labels, the labels for the radio buttons needs to be after each button:
<!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" name="shirt_size" value="small">
<label for="small">Small</label><br>
<input type="radio" id="medium" name="shirt_size" value="medium">
<label for="medium">Medium</label><br>
<input type="radio" id="large" name="shirt_size" value="large">
<label for="large">Large</label><br>
<button type="submit">Place Order</button>
</form>
</body>
</html>
Brittany Moyer
3,879 PointsI think it's the 4th step? Where it asks me to make small medium and large labels?
Brittany Moyer
3,879 PointsIs there anything I can do to pass the test then? I need to pass in order to continue with the track.
Brittany Moyer
3,879 PointsThank you so much!!
Damien Watson
27,419 PointsNo problems, it can be frustrating when you get blocked. :)
Dylan Espey
10,578 PointsDylan Espey
10,578 PointsWhich step of the challenge are you on? What exactly is it asking you to add?