Learn HTML by Building a Cat Photo App - Step 43

Tell us what’s happening:
Describe your issue in detail here.
The button you added will submit the form by default. However, relying on default behavior may cause confusion. Add the type attribute with the value submit to the button to make it clear that it is a submit button.

Do I need to add this inside of the button elements? Do I need to include the input element with the type? What am I doing wrong 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>
      <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="catphotourl" placeholder="cat photo URL" required>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

        </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/110.0.0.0 Safari/537.36

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

Link to the challenge:

The instructions tells you to add the type attribute to the existing button element. You have instead created an input element which is not needed.

I would recommend you to click on Restart Step and then add the type attribute to the existing button element.

Do I add that INSIDE the button elements?

So I just restarted the lesson, added input type=“submit” name=“button” INSIDE the button elements. Its not working. What am I not understanding here?

The input element you added with the type submit is not necessary, as you already have the submit functionality in the button. The input element can be removed.

1 Like

I just passed it. Your type attribute with the value submit should be placed inside the existing button element. Submit</button

Hi @xUNTOUCHABLEx ,
You have to add the input attribute into the <button> element, & set the value to submit

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