Radio button label

How to get pass the set of radio buttons ? I put
It in correctly but not letting me pass.

Hello!

If you need help with general programming, please supply your code so we can see what you have tried and what you are stuck on. Format the code between backtick symbols (`) for readability.

If this is related to a FreeCodeCamp lesson, click the “Ask For Help” button and the system will generate a forum post for you.

Either way, we need more information to be able to assist you.

I’m guessing that you did not put the radio buttons in correctly. You should share your code so that we can help you fix your bug.

Indoor Outdoor

You need to click on the </> button or use backticks ``` to include code in the forum.

<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="indoor-outdoor">
  <label for="indoor">Indoor</label>
  <input id="outdoor" type="radio" name="indoor-outdoor">
  <label for="outdoor">Outdoor</label>

    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</main>

We would need to see your entire code block. Use this format:


```
put your code here…
```

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums


@nhcarrigan done!

2 Likes

It looks like you have not followed the example on nesting your radio buttons inside of labels.

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

Does this example help?

When the written challenge description and the hints video don’t agree, the written challenge description is always correct. In this case, the video does not discuss nesting.

‘’’’

Indoor

Outdoor
‘’’’

Thanks! I appreciate you!
Wish I had that button :joy:

1 Like

,

Indoor

Outdoor
,

Hello!
Those are single quotes, not backticks.
Look at ieahleen’s post above.

,,,
  <input id="indoor" type="radio" name="indoor-outdoor">
  <label for="indoor">Indoor</label>
  <input id="outdoor" type="radio" name="indoor-outdoor">
  <label for="outdoor">Outdoor</label>
,,,

these are not nested, look at @JeremyLT post that includes an example

Got it okay thanks!! Appreciate it.

1 Like