Add a Submit Button to a Form😭

HTML-CSS
1

Tell us what’s happening:
Everything except the part where it says I need to have a button in my form is fine but I don’t understand what it means because I can’t add the word button cuz they could only be the word submit I’m just confused on What’s Missing and I can’t see it I’ve been staring at this and trying to figure it out I’ve tried too many different things and none of it works.

Your code so far

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
  }

  .smaller-image {
    width: 100px;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></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">
</form>
<button type="submit">submit</button>```
**Your browser information:**

Your Browser User Agent is: ```Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.106 Safari/537.36```.

**Link to the challenge:**
https://www.freecodecamp.org/challenges/add-a-submit-button-to-a-form
2

Remember that programming and markup languages are highly structured. When you tell them to start something, they will start it. When you tell them to stop, they will stop.

This is what your form looks like right now:

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

If we go through line by line we get:

  1. Beginning of form
  2. Text input
  3. End of form
  4. Submit button

Imagine designing a form on paper, would you want everything to do with that form to be in it? Or would you want part of it to be elsewhere, on another piece of paper entirely? Because that’s where your button is right now. On another piece of paper that just happens to be near yours.

I hope that helps without telling you the answer outright. Don’t hesitate to ask if you still have problems.

1 Like
3

Thanks! I literally figured it out a minute or two after I posted for help, I feel so stupid sometimes but thank you again.

1 Like