How do I Add a label above the radio button group that says "Shirt Size:"

Question

I put in <label>Shirt Size:</label>

but it's not working

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>

Answer 1 · 2019-11-23T18:19:20Z

November 23, 2019 6:19pm

The instructions said to add the new code "After the select menu". But the code above was added inside the select menu instead, which is not proper syntax.

A "select" element should only contain "option" (and maybe "optgroup") elements.

Welcome to the Treehouse Community

Looking to learn something new?

Pui Lun Christin C Hebron

Pui Lun Christin C Hebron

How do I Add a label above the radio button group that says "Shirt Size:"

Ritesh Maharjan

Ritesh Maharjan

1 Answer

Steven Parker

Steven Parker