Please help with this challenge its for the excerise ”Basic HTML and HTML5: Create a Set of Radio Buttons”

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="/submit-cat-photo">
<input id="indoor" type="radio" name="indoor-outdoor">
<label for="indoor">Indoor</label>
<input id="outdoor" type="radio" name="indoor-outdoor">
<label for="outdoor">Outdoor</label>

<input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>

Your browser information:

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

Challenge: Create a Set of Radio Buttons

Link to the challenge:

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

Your <input> elements need to be nested within your label elements, like this example I’ve provided from the lesson text.

1 Like

The video is not always identical to the challenge. The video should be used to improve your knowledge, but the description in the challenge is always what you need to meet.

Your lines of codes should be like:

Indoor
Outdoor

Kindly try again and it will definitely work for sure!