Learn HTML by Building a Cat Photo App - Step 42

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

Im not quite sure what to do here, I added the type attribute of “submit” but it doesnt seem to work. any help?


      <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>
      <h2>Cat Lists</h2>
      <h3>Things cats love:</h3>
        <li>cat nip</li>
        <li>laser pointers</li>
        <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>  
      <h3>Top 3 things cats hate:</h3>
        <li>flea treatment</li>
        <li>other cats</li>
        <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>  
      <h2>Cat Form</h2>
      <form action="https://freecatphotoapp.com/submit-cat-photo">
        <input type="text" name="catphotourl" placeholder="cat photo URL" required>
        <button><input type="submit"></button>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.115 Safari/537.36 OPR/88.0.4412.85

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

Link to the challenge:

HI @Hikarucchi !

They don’t want you to place an input inside the button like this

Reset the lesson and only add the type of submit to the button
Then it will pass :+1:

I removed the ‘<input’ and the > but it still doesnt work :frowning:

What does your new code look like?

Please post it here

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.

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


looks like this!

Attributes are supposed to go inside the opening html tags.

For example, take a look at the anchor tag you already added earlier

You see how the href attribute is inside the opening anchor tag?

Same thing applied here with the button.

Reset the lesson and add the type of submit to the opening button tag

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

something like this?

You should have a button element with an attribute of type set to a value of submit.

You have used the type attribute in an anchor element instead(with a wrong syntax also).

Im not quite understanding, I thought i have type set to submit already?

You set the type attribute to an anchor element instead of the button element.

did you type out the same exact comment as me?

Hey there @ezequielcengarle

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.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

1 Like

I would reset the lesson.

This is the opening button tag.

the type attribute of submit is supposed to go in there.

When you add attributes they go inside the opening html tags.

Hope that clears it up.

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