How to set radio buttons

Tell us what’s happening:
Describe your issue in detail here.
its not working pls explain this with one example


  **Your code so far**

<p>Click here to view more <a href="#">cat photos</a>.</p>
<label for="indoor"> 
<form>  <input id="indoor" type="radio" name="indoor-outdoor">Indoor 
<label for="outdoor"> 
<input id="outdoor" type="radio" name="indoor-outdoor"> 

<a href="#"><img src="" alt="A cute orange cat lying on its back."></a>

<p>Things cats love:</p>
  <li>cat nip</li>
  <li>laser pointers</li>
<p>Top 3 things cats hate:</p>
  <li>flea treatment</li>
  <li>other cats</li>
<form action="">
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:94.0) Gecko/20100101 Firefox/94.0

Challenge: Create a Set of Radio Buttons

Link to the challenge:

Hi @jayasurya04 !

Welcome to the forum!

You have a few issues, so I would reset the lesson.

There should only be one form on the page.
When you reset the lesson, do not create any new form elements.
They already gave you a form to work with.
Write your code in the existing form element.

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

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

Make sure you have the label text of Outdoor here

Get rid of the form tags here.

Hope that helps!

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