Learn HTML by Building a Cat Photo App - Step 48

HTML-CSS
1

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

<name> <label><input id="indoor" type="radio"> Indoor</label>
<name>   <label><input id="outdoor" type="radio"> 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36

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

Link to the challenge:

2

please help me out in this level

3

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

4

it has been showing me error

5

Ok. Whats the error? Please describe the issue

6

Both radio buttons should still be located between opening and closing label element tags.

7

name is not an element so it cant be used the way you are trying to use it. It is a attribute, so it needs to be used the same way you made the id and the type attributes

2 Likes
8

the error still persist, the same error message i am seeing

9

You need to share your code then. Every time you make a change its best to share the code you are trying because we cant see what your doing

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

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

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

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

10

I joined the platform today, and I am stuck in the same area that person was talking about while writing this comment I haven’t found a solution to that code. I know coding is hard, but why make it hard with a tough explanation?? Nothing was mentioned or displayed as to value attribute before getting there, but once you get the you get stuck because it was never explained. It’s just say you should find it and do it. That’s very discouraging.

Explanation says:
If you select the Indoor radio button and submit the form, the form data for the button is based on its name and value attributes. Since your radio buttons do not have a value attribute, the form data will include indoor-outdoor=on, which is not useful when you have multiple buttons.

Add a value attribute to both radio buttons. For convenience, set the button’s value attribute to the same value as its id attribute.

Now, the question is, how do we add a value attribute when there was never an example before now and no pointers to show what is a value attribute? I have searched the internet to solve it, but still its not accepting it. I guess its made there to discourage people. Coz, I am an educator and I can say that the question is not clear to be solvable.

11

Please dont use another users topic. Its not fair if we take away attention from the original user who was asking for help with their own issue

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

This way we can focus on only helping you. It gets confusing when there multiple people asking questions. So, if you have your own topic it makes it easier for everyone.

Thank you.

1 Like
12

Thanks for respnding,.
I commented on the previous post coz I’m faced with the same problem right now. I can’t figure out what is a value attribute and I have been passing all the task successfully before reaching that step 49. It looks like you can’t get pass 49 coz, nothing is pointing to value attribute or how is added. I mean I haven’t been any clue regarding that and I’ve searched the net just maybe they want the learner to make a quick research. Can’t solve that part.

13

Ok. We dont mind helping, but please read my response. This topic is for helping another user. Please follow the steps I provided to make your own topic and we can help you there

thanks

1 Like
14

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