Learn HTML by Building a Cat Photo App - Step 49

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here. please any help on this, I’ve added my value attribute to the radio button. but the checker keeps. failing, I don’t know what I’m getting wrong.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</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" type input ="radio" "name"="value" "indoor-outdoor">indoor</label>
          <label><input id ="Outdoor" type input value="radio" "name"="value""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 browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.1 Safari/605.1.15

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

Link to the challenge:

1 Like
2

Please click on the reset button which looks like an arrow turning.

Then understand the following:

1- The instructions say that “ Add a value attribute to both radio buttons.”
2- A radio button is an input element whose type is set to radio.
3- when you click reset you will have exactly two radio buttons in the code. One whose id attribute is equal to indoor and another whose id attribute is equal to outdoor.
4- your objective is to add a new value attribute to each radio button and ensure that it’s value matches the value of the id attribute.

I hope this explains the step to you.
If you retry and find yourself stuck again, pls reread the instructions or post your new code for further help in response here.

3

Thank you so much I’ve fixed it… thanks

1 Like
4

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