Submit button issue

Tell us what’s happening:
the submit button is not getting the command I am giving.

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"></button>
 </form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1 Safari/605.1.15.

Challenge: Add a Submit Button to a Form

Link to the challenge:

Your input is missing the > closing bracket.

1 Like

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

I am unable to put the ‘submit button’ on the right hand side of the url given,despite of writing the same commanding it’s not responding at all. please help me out .

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1 Safari/605.1.15.

Challenge: Add a Submit Button to a Form

Link to the challenge:

Just try flipping it so it comes after the input.


<form action="submit-cat-photo"> 
 <input type ="text" placeholder= "cat photo URL"
<button type="Submit"> Submit </button>  
</form>

That should work.

Hello there,

You are missing something in this code. The hint is the syntax highlighting is not correct:

<form action="submit-cat-photo"> 
<button type="Submit"> Submit </button> 
 <input type ="text" placeholder= "cat photo URL"
 </form>

Hope this helps

It looks like you are missing a closing bracket, try looking on your placeholder…

The code highlighted in white indicates that you have missed something or the code is incorrect. In this case your code is incorrect: the submit tag should always be lowercase not capitalized as in your case.
I mean it should be spelt with lowercase alphabets.
Happy coding!!