Radio buttons question

Radio buttons question
0

#1

I continue to get message that I need to give radio buttons the name attribute of indoor-outdoor but that is what i seem to have done already.

then each of the two radio buttons elements should be nested in its own label element…yet i think that is what i have done

I’m stuck. cannot understand what problem is especially when I watched video and seem to be following his instructions completely

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 of="indoor-outdoor">
    <label for="indoor">Indoor</label>
    <input id="outdoor" type="radio" name of="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; rv:62.0) Gecko/20100101 Firefox/62.0.

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


#2

Haven’t heard of such an attribute “name of”.


#3

try name=“indoor-outdoor”


#4

Right, I know. That was the left over script I tried on a whim to try and fix the problem. And obviously it didn’t work either.


#5

I think this might work- " place your input tag(radio button ) between the opening and closing label tag".


#6

I don’t know what your latest code looks like but in the particular one that is quoted above, delete space and of after name. It might work. Otherwise delete browser history and try again.


#7

Your inputs should be nested within label tags.

<label>
  <input ...>text
</label>