Having a hard time with the <input><label> and <radio> tags

I’m having a hard time with the radio tag i know i’m doing lots of things wrong here i’m new to coding so if anyone has a minute to help me out i would really appreciate it

  **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>
    <input type="radio" name="indoor-outdoor"
    name="indoor"
    name="outdoor">
  </label>
</form>
</main>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:93.0) Gecko/20100101 Firefox/93.0

Challenge: Create a Set of Radio Buttons

Link to the challenge:

When in doubt, reset the code and start again.

In any case, your first failing test is:

Your page should have two radio button elements.

Your page has:

    <input type="radio" name="indoor-outdoor"
    name="indoor"
    name="outdoor">

That is one radio button with two name attributes. You need two radio buttons (each with its own name.

See if you can work through the failing tests. They are trying to tell you what is wrong, or at least point you in the right direction.

Give it a go and check back if you run into issues.

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