I’m stuck trying to finish this task. i can’t figure out what i’m doing wrong.
this is the hint i get (Hint
Your new radio button and associated label should be below the first one. You have them in the wrong order.)
however, no matter which way i doe this i am getting the same message
here is my code;
Cat Form
Indoor
<label for="outdoor>"><input id="outdoor" type="radio" name="indoor-outdoor"> outdoor</label>
Indoor
<label for="outdoor>"><input id="outdoor" type="radio" name="indoor-outdoor"> outdoor</label>
ii thought i nested the new radio in its own label correctly but cannot figure out how to get the new button below the first one. i’ve tried using to no success. can i get some suggestion
thanks
Hint: Have you used the right ID?
Can you please post all of your code. Looking at these two snippets is not helpful in assisting you with a solution.
here it is:
<h1>CatPhotoApp</h1>
<main>
<section>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section>
<section>
<h2>Cat Lists</h2>
<h3>Things cats love:</h3>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure>
<h3>Top 3 things cats hate:</h3>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
<section>
<h2>Cat Form</h2>
<form action="https://freecatphotoapp.com/submit-cat-photo">
Indoor
<label for="outdoor>"><input id="outdoor" type="radio" name="indoor-outdoor"> outdoor</label>
<button type="submit">Submit</button>
</form>
</section>
</main>
i’m new to this i didn’t know there was more than one ID i was under the assumption that they just needed to have different names
Do you still need assistance on this? If so please let us know.
i do thanks, i just can’t figure out what i’m doing wrong
So I don’t see the Indoor input
element anywhere. Do you have one?
its there
<input id="indoor" type="radio" name="indoor-outdoor"> Indoor
</label>
So then the only issues I see is from the code you just provided the Indoor input
element does not have an opening label
element with the for
attribute. Also in the outdoor input
element the word “outdoor” between the closing bracket (>) of the input
element and the closing label
element needs to be capitalized like so: “Outdoor”.
system
Closed
November 21, 2022, 7:25am
11
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.