Help: Basic HTML and HTML5: Create a Set of Radio Buttons

Required: 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.:**

My 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="https://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</label>
    <label for="outdoor">
    <input id="outdoor" type=radio" name=indoor-outdoor">outdoor</label>
</form>
</main>

Your browser information:

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

Challenge: Create a Set of Radio Buttons

Link to the challenge:

Well, lets run the tests and see the errors:

Your page should have two radio button elements.
Your radio buttons should be given the name attribute of indoor-outdoor.
Each of your two radio button elements should be nested in its own label element.

Those all look to be the case, so lets dig deeper.


ahha!

You have some missing "s in your code! This is breaking your input elements, causing them not to register in the test suite.

When you fix this, you should see actual radio buttons show up instead of generic input elements.

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