Learn HTML by Building a Cat Photo App - Step 43

HTML-CSS
1

Having a little trouble here. The hint is saying that my button element doesn’t have a type element. Here’s what I got.

<input type=“Submit”

<html>
  <body>
    <h1>CatPhotoApp</h1>
    <main>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        <h3>Top 3 things cats hate:</h3>
        <ol>
          <li>flea treatment</li>
          <li>thunder</li>
          <li>other cats</li>
        </ol>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
        </figure>
      </section>
      <section>
        <h2>Cat Form</h2>
        <form action="https://freecatphotoapp.com/submit-cat-photo">
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button><input type="Submit"</button>
        </form>
      </section>
    </main>
  </body>
</html>

Your browser information:

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

Challenge: Learn HTML by Building a Cat Photo App - Step 43

Link to the challenge:

2 
<button><input type="Submit"</button>
3

At the start of this step you already had a button element.
You just needed to add the type attribute.
But somehow now you have an input element?

Recall that attributes are added to the opening tag of the respective element (in this case the button element)

4

Here’s what I have now.

  <button> type="Submit"</button>
5

Please understand. “type” is the name of an attribute and it is added to the opening tag of an element.

Other examples of attributes you learned about image href, src and action.
They are also all added to the opening tags of their respective elements.

6

I get what you’re saying but it’s not working.

7 
<buttontype>="Submit"></button>
8

please recall that in HTML angled brackets are part of the syntax.
Syntax must be followed strictly including the rule that says that every tag must start with < and end with the matching >

Do you think your button tag is respecting this syntax rule?

Also again, type is an attribute. Just like href and src etc.
It gets added to the opening tag. All you need to do is look at your old code to see what I mean by href and src being part of the opening tag.

9

thanks! that worked.

10

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.