Learn HTML by Building a Cat Photo App - Step 43

Tell us what’s happening:
Describe your issue in detail here.
I don’t understand what is the difference between submit and <button type=“Submit”
Your code so far

        <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 type="Submit"</button>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

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

Link to the challenge:

You didn’t quite do this correctly. The opening button tag is missing the > at the end. Tags always begin with a < and end with a >. You don’t want to remove the word Submit between the tags. This is how you give the button some text on the page. The value of type on the button should be submit (notice all lowercase).

As the instructions said, the button will submit the form by default, so adding the type attribute of submit isn’t required. But giving it an explicit type of submit makes it clear to everyone that you intended the button to submit the form. Often you will not be the only one working with code you write, so doing things like this make it clearer and easier for other people to work with your code. And if you come back to it a year from now it may also make it easier and clearer for you.

hello and welcome to fcc forum :slight_smile:

to begin with, one is in 'lowercase" and other is in “capitalize” form

even though it might not seem too much at first but in computing world, you will come across this term “equality” very often, in html its no different, where “Submit” used for “type” attribute would be considered as “invalid” cause its doing a “equality” match, where it expected to find “submit” but found “Submit”, two completely “different” things for compilers

hope this was helpful, happy learning :slight_smile:

Thank you! Your comment helped a lot!

I didn’t realize how important these forms were in coding. I thought it would be the same. Thank you!

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