HTML HTML Forms Choosing Options Create Radio Buttons

Task looping

Keep looping back to task one

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

      </select>



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

1 Answer

Jason Anders
MOD
Jason Anders
Treehouse Moderator 143,823 Points

Hi Vicki,

When you receive an error that states "Task # is no longer passing", it (almost) always means that you have introduced a syntax error in the current task you are working on that has broken the code checker. Never click on "Go to Task #"... look though the current code to find the syntax error.

Here, if you look at the code you posted, a quotation mark is marked with syntax highlighting to indicate an error. Working back from this (as this usually indicates where the error was detected, not occuring) you should see that you are missing a closing quotation mark in this line:

<select id="size" name="shirt_size>

"shirt_size" is missing the closing quotation mark.

Fix that up and you should be all good.

Nice work! :) :dizzy: