Submit button is not working

Tell us what’s happening:
Submit

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"submit>
<input type="text" placeholder="cat photo URL">
<button type="submit">Submit</button>
</form>
<button type="submit"submit
</main>

Your browser information:

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

Challenge: Add a Submit Button to a Form

Link to the challenge:

So the form has a little extra text at the end of its opening tag, and there’s the beginning of another button tag after the form. Both those things will cause problems.

this is issue, always html tags should be close < > each others.

Use below text to print Button
<button type="submit" > submit <button>

It is broken HTML, to be sure - but there’s already a submit button two lines above that one. The submit button outside the form shouldn’t even be there.

well i think the button tag wont perform any action until an <a> tag is added.
In your code the tag would be like
<input type="submit" name="submit">

@snowmonkey’s first response is correct.

  • this is early on in the curriculum, the goal is only to CREATE a button, not make it function.