Learn HTML by Building a Cat Photo App - Step 49

Tell us what’s happening:

Describe your issue in detail here.
please kindly help me. i’m stuck here,
i’m facing problem adding value atribute to radio buttons, the value attribute is meant to be same s it’s id.

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">

<!-- User Editable Region -->

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

<!-- User Editable Region -->

          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
  </body>
</html>

Your browser information:

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 49

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!

No. it doesn’t mean the value and id attributes are same. but, in this case you have been asked to give the the value of value attribute same as id attribute value

okay, and how do i do that?

@Blman Pls kindly put me through.

You add the value attribute just like you add any other attribute, such as the id, type, or name attribute. Does that give you enough of a hint?

yeah, but where exactly am i going to be adding the attribute?

The instructions say: “Add a value attribute to both radio buttons.”

So you will add the value attribute to both of the radio inputs. If you meant to ask where do you place the value attribute in relation to the other attributes that are already on those inputs, the answer is that it doesn’t matter, you can place them in any order.

alright, thank you very much, passed already.

1 Like

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