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

HTML HTML Forms Choosing Options Create Radio Buttons

Posted by Avery Pierce
Avery Pierce
1,869 Points

Any assistance with this question? After the select menu, create a radio button with the ID "small", the value "small

After the select menu, create a radio button with the ID "small", the value "small", and the name "shirt_size". Don't add a label or line breaks yet.

<input="radio" id="small" value="small" name="shirt_size"></input>

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>

       <input="radio" id="small" value="small" name="shirt_size"></input>

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

  </body>
</html>

4 Answers

Jeff Muday
MOD
Jeff Muday
Treehouse Moderator 28,716 Points
Jeff Muday
Jeff Muday
Treehouse Moderator 28,716 Points

You forgot to use the type attribute in the input

Try this:

<input type="radio" id="small" value="small" name="shirt_size">
Avery Pierce
Avery Pierce
1,869 Points

Thank you very much sir!

Holland McTyeire
Holland McTyeire
6,744 Points

I have the same code in but it says "You need to add an <input> element with a type of "radio" within the <form> element"

Jeff Muday
MOD
Jeff Muday
Treehouse Moderator 28,716 Points
Jeff Muday
Jeff Muday
Treehouse Moderator 28,716 Points

Holland,

Note the argument type="radio" needs to be included inside the <input > element

<input type="radio" id="small" value="small" name="shirt_size">

Hope this helps! JM

Holland McTyeire
Holland McTyeire
6,744 Points

I'm still getting the same error message. How do I post the HTML that I've done so it shows up here? It appears as plain text when I try to post it.

Jeff Muday
MOD
Jeff Muday
Treehouse Moderator 28,716 Points
Jeff Muday
Jeff Muday
Treehouse Moderator 28,716 Points

if you use three backticks and html to start an HTML code block and then three backticks to terminate.

```html

... your code goes here ...

```

Holland McTyeire
Holland McTyeire
6,744 Points 
<!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>
      <input type=radio id="small" value="small" name="shirt_size"></input> 
      <button type="submit">Place Order</button>
    </form>
  </body>
</html>
Jeff Muday
MOD
Jeff Muday
Treehouse Moderator 28,716 Points
Jeff Muday
Jeff Muday
Treehouse Moderator 28,716 Points

Holland,

you may want to restart the challenge if it is not working for you.

Also, note that it is good if you put quotes around "radio", it helps the automated grader to see if you got it right.

If you still have problems with the challenge, please let me know!

best,

Jeff

Holland McTyeire
Holland McTyeire
6,744 Points

I restarted it and put in the same code and now it's working. Thanks for your help.