Add botton Challenge

Add botton Challenge
0.0 0

#1

Tell us what’s happening:
Challenge: Add a submit button to your form element with type submit and “Submit” as its text.

This is my code and it does not run? Anyone can help me out what’s happening?

Submit

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">
  <botton type="submit">Submit</botton>
</form>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 Safari/537.36.

Link to the challenge:


#2

You have spelt “button” wrong. You’ve written “botton” instead.

As a general tip, when you have errors on a page and you think something’s wrong, run it on an HTML validator like https://validator.w3.org/. It gives good messages on errors on the page for you to fix. In this particular case it says Error: Element botton not allowed as child of element form in this context. (Suppressing further errors from this subtree.), which would have helped with identifying the problem.


#3

Thank you so much for your help.