Basic HTML and HTML5 - Create a Set of Radio Buttons

Tell us what’s happening:
Describe your issue in detail here.

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://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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://www.freecatphotoapp.com/submit-cat-photo">
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
<label for="indoor">
 <input id="indoor"type="radio"name="indoor-outdoor"  >Indoor
</indoor>

<label for="outdoor">
 <input id="outdoor"type="radio"name="indoor-outdoor"  >Outdoor
</outdoor>
  </form>
</main>





Your mobile information:

TECNO KF6i - Android 11 - Android SDK 30

Challenge: Basic HTML and HTML5 - Create a Set of Radio Buttons

Link to the challenge:

Label elements are not self closing and as such, need a closing </label> tag. Add a closing label tag for both your radio buttons, right after the input text :

Do this for both your Indoor and Outdoor radio buttons.
Also its helpful to describe what issue your code is facing when posting your question.
Hope this helps.

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