HTML HTML Forms Choosing Options Create Checkboxes

Pitrov Secondary
Pitrov Secondary
5,118 Points

I dont understand what is wrong here

Can someone show me how I need to do this one, I don't understand

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>
      <input type="radio" id="small" value="small" name="shirt_size"><label for="small">Small</label><br>
      <input type="radio" id="medium" value="medium" name="shirt_size"><label for="medium">Medium</label><br>
      <input type="radio" id="large" value="large" name="shirt_size"><label for="large">Large</label><br>

        <input type="checkbox" id="shipping" value="fast_shipping" name="user_shipping"> 
      <label for='shipping'>Fast Shipping<label><br>

              <input type="checkbox" id="newsletter" value="subscribe" name="user_newsletter"> 
        <label for='newsletter'>Subscribe to Newsletter<label><br>

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

2 Answers

Synergi Tech
Synergi Tech
2,261 Points

I just did it over again and I got it right, but I don't know what the problem was, did you spot my problem?

The problem was that you weren't closing your <label> tags.

Pitrov Secondary
Pitrov Secondary
5,118 Points

ohh, thanks, I didn't see that

Synergi Tech
Synergi Tech
2,261 Points

Hi dskellth,

Please try the below solution.

<!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"><label for="small">Small</label><br>
      <input type="radio" id="medium" value="medium" name="shirt_size"><label for="medium">Medium</label><br>
      <input type="radio" id="large" value="large" name="shirt_size"><label for="large">Large</label><br>



      <button type="submit">Place Order</button>
      <input type="checkbox" id="shipping" value="fast_shipping"><label for ="shipping">Fast Shipping</label><br>
      <input type="checkbox" id="newsletter" value="subscribe"><label for="newsletter">Subscribe to Newsletter</label><br>
    </form>
  </body>
</html>
Pitrov Secondary
Pitrov Secondary
5,118 Points

I just did it over again and I got it right, but I don't know what the problem was, did you spot my problem?