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.

HTML-CSS
1

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.

  **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"><a id="value"></a></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/101.0.4951.67 Safari/537.36

Challenge: Step 45

Link to the challenge:

2

Your code:

<label><input type="radio"><a id="value"></a></label>

Add an id attribute with the value indoor to the radio button.

Your radio button has no such id

3

how do i add it, ive been trying but not getting it

2 Likes
4 
<input type="radio">

Add an id attribute and set it to indoor

Example:

<input type="radio" id="someID">
5

Have also been battling with this id attribute with value of Indoor for 2 days…
PLEASE HELP!!!

6 
<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" id="Indoor">Indoor</label>

      <input type="text" name="catphotourl" placeholder="cat photo URL" required>

      <button type="submit">Submit</button>

    </form>

  </section>

</main>
7

The id value should be all lowercase indoor

5 Likes
8

THANK YOU VERY MUCH

Seems my id value ought to all have lower case values

9

The code you have posted will work if you just change the capital I to a lowercase i.

id="indoor"
2 Likes
10

Answer: Indoor

11

tbh it didn’t state in the rundown that it needed to be lowercase. Took me a few minutes to realize I had a typo. Thanks for the help!

1 Like
12

How do i add it, please help.

13

I’m stuck i need help how do i solve this question?

" 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."

14

We need to see your code. It may be better if you open your own thread.

You can use the “preformatted text” tool in the editor (</>) to add backticks around the code to get the correct code formatting.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

15

Thank you! I was stuck on this too for a few days.

16