Learn HTML by Building a Cat Photo App - Step 39

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **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">
        <input type"text" name="catphotour1">
      </form>
    </section>
  </main>
</body>
</html>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:104.0) Gecko/20100101 Firefox/104.0

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

Link to the challenge:

2

hello, welcome to the forum!
We can see you need some help but you have not told us what with.
please describe what you need help understanding or doing.

3

Having problem solving step 39:
Add the name attribute with the value catphotourl to your text field.
Here is my solution: but it is showing me the following message:
our input element should have a name attribute with the value catphotourl

5

In order for a form’s data to be accessed by the location specified in the action attribute, you must give the text field a name attribute and assign it a value to represent the data being submitted. For example, you could use the following syntax for an email address text field: <input type="text" name="email">.

Add the name attribute with the value catphotourl to your text field. I did add it but it keeps saying the correct was wrong multiple times. I tried to put the code on this forum but it won’t let me either

6

There needs to be a = between type and "text". The name is currently catphotour1, it needs to be catphotourl.

7

2 things to fix:
the type attribute needs an equal sign
the name attribute’s value should end with an l (the letter l) not a 1 (the number)

8

Did both but still same result

9

I did tried that method but still showing the same thing … :

10

Please post your new code for further review or advice.

11

and also this

12

Solution is…input type=“text” name=“catphotourl” (I’ve removed the tags for you to see the solution)

It’s the letter L in lower case.

13

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

1 Like
14

My apologies. I’m very new to this. Thank you for the guidance.

15

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