I was told both radio buttons should still be located between opening and closing label element tags

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

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

Your mobile information:

WTCELERO5G - Android 11 - Android SDK 30

Challenge: Learn HTML by Building a Cat Photo App - Step 49

Link to the challenge:

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

1 Like
3

I can see the issue here.

Please refer to the instructions in the step it asks for a. Value attribute to be named the same as the id attribute.

Also another thing is check the spelling on the input text line that has catphotour1, is this correct?

1 Like
4

Hello @mutmainahayomideb !

You made a good attempt.

As mentioned in the previous post, the value attribute and its value are missing. Spelling is always important as mentioned, too, including case sensitivity.

As well, please note not to have extra spaces between the label and input elements opening tags, nor between the text and the closing label tags.

Sometimes, this may not affect the code. However, for best practice and to avoid errors, space issues can drive us crazy trying to find them, when they do matter.

Wishing you good progress on your coding journey. :slightly_smiling_face:

3 Likes
5

Hello there @mutmainahayomideb, looks like you messed up the whole thing. My advice is click on the Reset Button below. So you’ll get the original code again.

After that look at the id’s value. Which is not input id="indoor-outdoor" as you typed.

Read the challenge text again, which says:

Add a value attribute to both radio buttons. For convenience, set the button’s value attribute to the same value as its id attribute.

I wish you good luck and happy coding!

2 Likes