Pls what can i do next

[Marizu01]

Tell us what’s happening:

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://bit.ly/fcc-relaxing-cat" 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://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 for="Indoor"><input id="indoor-outdoor"type="radio"name="indoor-outdoor">Outdoor </label>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.141 Safari/537.36 Edg/87.0.664.75.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

freeCodeCamp.org

[cherylm]

Hi there,

You’re very close. It says this test is failing:

Each of your radio button elements should be added within the form tag.

You should move the ending form tag so that the radio button elements are enclosed inside the form.

[Marizu01]

Pls Cherylm

I have tried all i could to figure it out and correct it but is not working, can you help me out to write the formation i can use to fix it up .
Tnx

[kevinSmith]

cherylm is right, you just need to fix it. You have:

<form action="https://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 for="Indoor"><input id="indoor-outdoor"type="radio"name="indoor-outdoor">Outdoor</label>

The test is telling you:

Each of your radio button elements should be added within the form tag.

You’ve added the radio buttons but you’ve added them outside the form. It’s telling you they need to be inside the form.

When I fix that, your code passes for me.

[Marizu01]

@kevinSmith Thanks for the update , pls i have tried to put the radio buttons to the form but don’t know the process .

Pls can you show me sample of how you fix yours , it will surely be of help for me to fix mine.

Tnx

[ilenia]

to put something inside an other element you need to put it between the opening and the closing tags of that element

[MrBondx]

<i open>
i am inside
</i close>

[kevinSmith]

Here is your form element:

<form action="https://freecatphotoapp.com/submit-cat-photo">
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>

Here are your radio buttons:

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

You are supposed to put your radio buttons inside that form element. You already have a text input and a submit button in there - the radio buttons have to go in there too.

[Marizu01]

Stage completed
Thanks for your direction