Learn HTML by Building a Cat Photo App - Step 49

HTML-CSS
1

Tell us what’s happening:

<input id=“indoor” type=“radio” name=“indoor-outdoor” Indoor value=“radio”
<input id=“outdoor” type=“radio” name=“indoor-outdoor” Outdoor value=“radio”

is telling me that both radio buttons should still be located it between the label elements which I think they are … I’m confused

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" Indoor value="radio"</label> 
          <label><input id="outdoor" type="radio" name="indoor-outdoor" Outdoor value="radio"</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/605.1.15 (KHTML, like Gecko) Version/17.6 Safari/605.1.15

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 49

2

Hi, the problem is in these parts of the code.

All you have to do is add a value attribute and set it to indoor or outdoor based on the inputs but you have set both to “radio” which is incorrect. also “Indoor value” and “Outdoor value” make no sense, it’s just value so remove those as well.
If you take a close look you can see that the input tag isn’t closed, that’s why it tells u that error. your input tags should be closed after you add the value attributes.
I suggest resetting your code and adding a value attribute to each input element according to the instructions. Remember not to set them to “radio” again.
Hope this helps!

2 Likes
3

it worked , thank u
happy code !!

3 Likes