Learn HTML by Building a Cat Photo App - Step 46

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Your radio button should have an id attribute. Check that there is a space after the opening tag’s name and/or there are spaces before all attribute names.
Im lost whats id ?

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <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>
    <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 type="radio"> Indoor</label>
        <label><input id =type="radio"> indoor</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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

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

Link to the challenge:

2

This is not how you set an attribute.

id is an attribute, like type or name

3

Im not sure what to do this one is confusing me.

4

what about this ?

<label><input type="radio"> Indoor</label>
 <label><input id="Indoor" type="radio"><Indoor</label>
5

You should only have one copy of the radio button. One input with multiple attributes.

1 Like
6 
<label><input type="radio"> Indoor</label>
  <label><input type="radio" id="Indoor">Indoor</label>

My english isnt perfect, maybe i dont understand whats the task idk but this one is not working aswell.

7

In the code you just posted, you have two input elements with the text ‘indoor’ text… Do you see the two separate input elements?

You must have one input element with the text ‘Indoor’

8

yea one is up like on first section and one is down if you mean on that, but i also got 2 indoor in one line in second label input.

9

I mean right here. You wrote the same element twice. Do not do that.

10

So it has to be like this just one Indoor

11

Yes. The instructions did not tell you to make an additional Indoor radio button.

12

so i should not create any new under the main one, i just gotta change the one already written ?

13

Add an id attribute with the value indoor to the radio button. When elements have multiple attributes, the order of the attributes doesn’t matter.

Still yes.

These instructions do not tell you to make a new radio button.

I’m not sure how to say it differently.

14

Well i probably dont understand what attribute is.
Or how to add it to the radio button.
Should i go on previous tasks and try to understand it again ?

15

You have been using attributes since Step 8.

This is an attribute

This is an attribute

This is an attribute

16

Bad question whats HTML in this situation ?

17

HTML is all this code you have been writing for the last 46 steps

18

Thanks for helping though.

19

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