Basic HTML and HTML5 - Add a Submit Button to a Form

HTML-CSS
1

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

Your code so far







<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>

  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>

  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <form action="https://www.freecatphotoapp.com/submit-cat-photo">
    <input type="text" placeholder="cat photo URL">
<button type="Submit">submit cat photo URL </button>
  
</form>

  

</main>

Your mobile information:

TECNO KF6i - Android 11 - Android SDK 30

Challenge: Basic HTML and HTML5 - Add a Submit Button to a Form

Link to the challenge:

2

Hey!
KIndly describe your issue.

3

“Add a button as the last element of your form element with a type of → submit ← and → Submit ← as its text.”

4

Ok I have an issues on how to set a button type that will help me submit to cat photo url

1 Like
5

Please just show the write up on how am going to type it

6

Nope, you need to do it yourself.

“a type of submit”

You gave the button a type of Submit.

Submit does not equal submit (notice that one has a capital S and the other has a lowercase s).

“and Submit as its text”

You gave it the text “submit cat photo URL”. I suggest you give it the text that the instructions are asking you to give it.

1 Like
7

Thank you sir I will do that

1 Like
8

This is the code from your duplicate issue:

<button submit="Submit">submit </button>

You are closer, but you still aren’t following the directions exactly.

“a type of submit”

Does your button have the type of submit? Or are you still using Submit with a capital S. They are not the same and you need to use the one the instructions are asking you to use.

“and Submit as its text”

Again, “Submit” is not the same as “submit”. You need to use the one the instructions are asking you to use for the button text.

9

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

Your code so far









<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>

  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>

  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <form action="https://www.freecatphotoapp.com/submit-cat-photo">
    <input type="text" placeholder="cat photo URL">
<button submit="Submit">submit </button>
  
</form>

  

</main>

Your mobile information:

TECNO KF6i - Android 11 - Android SDK 30

Challenge: Basic HTML and HTML5 - Add a Submit Button to a Form

Link to the challenge:

10

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