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

<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" name="indoor-outdoor"value=on> Indoor</label>
          <label><input id="outdoor" type="radio" name="indoor-outdoor"value=on> 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/118.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 49

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

What are the values you set for the value attribute? Are they the same as the id attribute for the button?

im so confused

value id=" " ?

You have already added the id attributes to these inputs in previous steps:

<input id="indoor" type="radio" name="indoor-outdoor">
<input id="outdoor" type="radio" name="indoor-outdoor">

Do you see that the first input has an id attribute set to “indoor” and the second input has an id attribute set to “outdoor”?

The instructions are asking you to add a value attribute to these two inputs and set their actual values to be the same as the values of their id attributes.

You did add a value attribute to each input. You just didn’t set them to the right value on the right side of the equals sign. You set them both to “on”. Instead, they need to be the same as the value for the id attribute on the input.

value="in/out" thanks a lot !!

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