Can't get past this part been stuck for days its the radio labels and nesting

Tell us what’s happening:
Describe your issue in detail here.

  **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>
<label for="indoor">
<input id="indoor"> type="radio"
name="indoor-outdoor">Indoor
</label>
<label for="outdoor">
<input id="outdoor" type="radio"
name="indoor-outdoor">Outdoor
</label>
</form>
</main>
  **Your browser information:**

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

Challenge: Create a Set of Radio Buttons

Link to the challenge:

You didn’t tell us what’s going on. Please edit your post so we know how to help you.

You have two “>” on the indoor input tag there should only be one.

Your code above has huge issues.

type and name will be inside input element like this

Ok thanks it’s kinda frustrating because it’s new but I’m repeating these steps to make sure I have it right

So i also have been stuck on this as well. What am i missing? Thanks for the help. This is what it says i’m missing.

Your page should have two radio button elements.

Your radio buttons should be given the name attribute of indoor-outdoor .

Each of your two radio button elements should be nested in its own label element.

<input type="text" placeholder="cat photo URL" required>

<button type="submit">Submit</button>



<label for="indoor"> 

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

     <imput id="outdoor" type="radio" name="indoor-outdoor">Outdoor

@mattap,
If you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

2 Likes

Have you added the closing tag for the label?
Also the input tag has a typo (iNput)

1 Like

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