Add a submit button to a form and leave it in ac text

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="https://freecatphotoapp.com/submit-cat-photo">
  <input type="text" placeholder="cat photo URL">
</form>
</main>
<button type=“Submit”</button>

Your browser information:

User Agent is: Mozilla/5.0 (iPhone; CPU iPhone OS 12_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/78.0.3904.84 Mobile/15E148 Safari/605.1.

Challenge: Add a Submit Button to a Form

Link to the challenge:

2

Hi there,

The directions say:

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

Make sure your button is in the right place.

Look carefully at your <button>. There’s a few things that are different than the example:

<button type="submit">this button submits the form</button>

Here’s another example:

<button type="submit">Whatever you write here will appear inside the button.</button>

3 

<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="https://freecatphotoapp.com/submit-cat-photo">
  <input type="text" placeholder="cat photo URL">
</form>
</main>
<button type=“submit”>Submit</button>
`
4

Please can you tell me wha could be possibly wrong with this one please

5

Your form should have a button inside it.

The button should be inside the form, just like the input is inside the form.

Also, I’m not sure if it’s just the forum that messed up the formatting, but your quotes should be normal double quotes ""

You have:

type=“submit”

Should be:

type="submit"
6

Read the failing test message. It says;
“Your form should have a button inside it. Your submit button should have the attribute type set to submit.”

You set the submit button outside of both the form element and the main element.

7

To be honest guys I still don’t your explanations could you please expatiate on how i could nest the button inside and how i can have the attributes typset to submit

8

Again, your button needs to be inside the form element, i.e. within the start <form> and end </form> tags. Just like you have the input element inside the form.

<form action="https://freecatphotoapp.com/submit-cat-photo">
  <!-- inside the form -->
</form>

<!-- outside the form -->
9

As an aside, this is not the first time nesting has been introduced.
Take your time with the lessons, no rush. Read the lessons throughly and read any failing message to understand what the issue is.