Learn HTML by Building a Cat Photo App - Step 49

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

Your code so far
i am stuck pls help

<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><input id="indoor" type="radio" value name="indoor-outdoor"> Indoor</label>
          <label><input id="outdoor" type="radio" value 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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36

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

Link to the challenge:

you haven’t finished writing the code?
where is the code that represents this instruction?

, set the button’s value attribute to the same value as its id attribute.

i still don’t understand

What did you not understand?

everything, i don’t understand what the statement means

an html attribute is a keyword that is added to an html element via adding it to the opening tag of the element.

Examples of attributes are href, src, target, id and value

HTML attributes usually look like key-value pairs. So the key (or the name) goes on the left of an equal sign and the value, goes on the right of the equal sign. The value must be written in single quotes or double quotes.

Example of attributes in the code you wrote previously are:
type=“radio”
and
id=“outdoor”

This step is asking you to add a value attribute.
And to give it the same value as the id attribute.

I tried to explain everything I could think of. If you have a follow-up question, please make it more precise than your previous one.

than you for your help

i tried it and it worked thanks

1 Like

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