I need help here!

HTML-CSS
1

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>
 <input type="radio" name="indoor-outdoor">Outdoor
 </label>

</main>

Can anyone say where have I make mistake in this code because it’s allways saying:

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

2

Hey @someonehere your radio buttons are outside the form tag you should keep them between the form tags

<form action="https://freecatphotoapp.com/submit-cat-photo"> --here the form tag gets opened
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>  ----here the form tag gets closed
3

@someonehere
You have not nested the radio button in the form tag.

You should nest the radio button in the form tag.

For example

<form>   / / form tag opens
<input type="radio" name="example"> example
</form>  // form tag close

In your case,
all two radio buttons should be under the button tag and inside form tag.

Hope you understand.
Thanks,
Codely.

1 Like
4

Thank you very much for help :slight_smile:

1 Like