Create a Set of Radio Buttons-----FreeCodeCamp Bug

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="/submit-cat-photo">
    
    <label for="indoor">Indoor</label>
    <input id="indoor" type="radio" name="indoor-outdoor">
    <label for="outdoor">Outdoor</label>
    <input id="outdoor" type="radio" name="indoor-outdoor">
    
    <input type="text" placeholder="cat photo URL" required>    
    <button type="submit">Submit</button>
  </form>
</main>
<!-- 
Add a pair of radio buttons to your form. 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.
 -->

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 YaBrowser/19.6.1.153 Yowser/2.5 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons

2

You have not written it correctly. Try this way:

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

This the example given in the challenge.

3

thank you for answering.I solved the problem.

1 Like
4

Glad to help. :slight_smile: