Create a Set of Radio Buttons cant get it done

i have to say that my ability to trouble shoot is a bit lacking im wondering if this is due to me missing the context of the lession so far i have manage to get four check marks but not all of them when i run the test.

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 type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
     
</form>
<form>
<lable><lable for="indoor"><input id="indoor" type="radio" name="indoor-outdoor">Indoor</lable>
<lable></lable>
<lable><lable for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor">Outdoor</lable>
</form>
 
  
    </main>

Your browser information:

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

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

There is a typo, is it lable Or label

And, you have too many labels in your code,
Ex given by the instruction:

Here’s an example of a radio button:

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

You should wrap the input with a label, you have created correctly, remove the excess labels and correct the typo

Also, there should be only one <form></form> tag, move those radio inputs with their corresponding labels into the first form element, remove the second form element

1 Like

you my friend are a god send i knew i shouldn’t try to teach myself coding with my crippling spelling and grammatical issues but i do like to push myself i have been coding all of three hours but welcome the journey of getting better at things i lack in life suijth you are a blessing thank you

It happens :slight_smile: , and you are welcome, just try to be calm when you find an error, do not overthink the situation, you will eventually find your mistakes and rectify it. Good Luck.!

1 Like

also what does it mean when you say wrap text and is there a book to buy to look up definitions and find understanding i find some of the context is a little vague for first time coder

Wrap means just create an element over the other,


<div>
    <p>text</p>
</div>

In this ex, p element is wrapped by div,
It is general, the more you practice, the more you come to know, there are lots of help outside, more sites you can refer to, like W3School, CSS-tricks etc… and of course FCC

Hi @Marinecorpsvet88 I’m a first time code as well and yes your right Sujith is great. He’s been helping beginners on every topic (atleast since I got here a week ago)
The website that he mentioned ‘W3Schools’ is a great resource. It’s like a textbook for technical definitions just as you asked. I am also pretty new and refer to it all the time.
Whenever you find a word or tag or attribute or element or anything that confuses you out here just use their search function and you’ll definitely get your answer.
I usually hage two tabs open while learning one being FCC and the other being W3Schools. It also has Practice exercises that you can work on after reading up definitions.

Do give it a shot. Cheers and best of luck

2 Likes

thank @deepshah that is some wonderful encouragement i have been on disability for three months now since being diagnosed with auto immune disease and i have to change careers im hoping i can progress enough in coding to find subcontractor work when im cleared for work. Best of luck to you and im rooting for you man. i cant wait to see your progress later in the future .