Process of Creating a Set of Radio Buttons

Tell us what’s happening:
I am having a problem with this challenge…
Describe your issue in de Add a pair of radio buttons to your form, each nested in its own label element. One should have the option of indoor and the other should have the option of outdoor . Both should share the name attribute of indoor-outdoor to create a radio group.

  **Your code so far**

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

<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>

<input id="indoor-outdoor" type="radio" name="indoor-outdoor"
   <label for="indoor">Indoor 
   <label for="outdoor">Outdoor</label>
  **Your browser information:**

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

Challenge: Create a Set of Radio Buttons

Link to the challenge:

Hi! welcome to the freecodecamp forums!

Can you be more specific about the problem you’re facing.
as for this particular challenge. if you look below the window in which you’re typing. You’ll see the requirements your code needs to meet in order to pass this test.

You can use them as a guide and solve them one by one and if you’re stuck on a specific problem then we can help you.
for example:


this is the first requirement. you can pass this by adding two input elements with the type attribute set to radio inside your form element like this

<input  type="radio" />
<input type="radio" />

doing this would pass one of the requirements and then you can move on to the next one.

Hope this helped! :smiley:

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