Add a Submit Button to a Form help!

HTML-CSS
1

Tell us what’s happening:

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://bit.ly/fcc-relaxing-cat" 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="/submit-cat-photo">
    <input type="text" placeholder="cat photo URL">
    <button type="submit"><input type="text" placeholder="submit"></button></form>
</main>

Your browser information:

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

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form

2

You’re trying to put a text box inside your button. If you’re trying to give the button text it needs to be

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

You are making a textbox by using what’s below.

<input type=“text”>
1 Like
3

Look mate, you made a mistake.
You need to only give the detail about the button type and what it needs to be named of.
You don’t need to be adding the input and stuff. So, this is the answer.

Have a Nice Day!

Thanks,
Akshath

4

You are almost correct all you have to remove is the input tag between opening and closing of button tag, and add a text between <button>text</button>