Learn HTML by Building a Cat Photo App - Step 46

Hi all I tried to look at the solution of Step 46 on the forum but I still don’t understand the problem of my code, the error that appears is “Your radio button should still be positioned between the opening and closing tags of the 'label element.”

<label><input id="Intdoor" type = "radio"> Indoor</label>

Can someone explain to me what I’m doing wrong? thanks

Clear the space between your type attribute and the = sign

Secondly the id value shouldn’t be capitalize

1 Like

Thanks for the raply i change code

<label><input id= "indoor" type= "radio"> indoor</label>

But it don’t work

Clear the space in the type attribute.
Like this: type="value" not this type = "value"

The freeCodeCamp Forum - Learn HTML Forms by Building a Registration Form - Step 17 - HTML-CSS - The freeCodeCamp Forum 06_03_2023 6_31_15 am

Clear the space at where i have mark red

Thanks for all advice, i try to clear spaces but the Hint said same things “radio button should still be located between the opening and closing tags of the label element.”

  <label><input id="indoor" type="radio"> indoor</label>

The code works for me. Can you post your full code? You might have deleted some part of the code before or after.

Also ensure that you have disabled any extensions that interface with the freeCodeCamp website (such as Dark Mode and Ad Blocker), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

1 Like

I run your code and it passed. Pleas reset your code and rewrite if, if possible.

1 Like
<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</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>
    <label><input id="indoor" type="radio"> indoor</label>
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
  </body>
</html>

i check, zoom and Ad blocker are ok

yes i paste the code, after this message, thanks

Now, reset the steps and do it again. But pay attention to your indentions

yes is done the problem i have delete a code thanks for the patience

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