Need help with form tag part (last instruction)

I’ve done everything right so far, but can’t figure out how I’m suppose to do this part…
" Each of your radio button elements should be added within the form tag"

  **Your code so far**

<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
<form action="https://www.freecatphotoapp.com/submit-cat-photo">
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.0 Safari/605.1.15

Challenge: Create a Set of Radio Buttons

Link to the challenge:

Hello @paracess9,

In the code you sent, you didn’t do what is asked. You should create two radio buttons nested into label tags.

Example:

<label for="indoor"> 
  <input id="indoor" type="radio" name="indoor-outdoor">Indoor 
</label>

I don’t see any radio buttons in your code.

This is what I had so far, and it passed all the test except for that last one

<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>

  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>

  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <form action="https://www.freecatphotoapp.com/submit-cat-photo">
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
  <label>
    <input type="radio" name="indoor-outdoor">Indoor
  </label>
  <label>
    <input type="radio" name="indoor-outdoor">Outdoor
    </label>
</main>

I don’t know why it didn’t show. I got through and put that part in, and all the tests ran checked until the very last one where it instructs that " Each of your radio button elements should be added within the form tag".

That’s the part I’m lost on

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

This is your form element. It does not contain radio buttons nested in it.

These radio buttons come after </form>.

Thank you for your responses. I was able to get it

Congratulations on working through the problem! Happy coding.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.