Learn HTML by Building a Cat Photo App - Step 43

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I get to the point of adding the type attribute and cannot move forward. There is no indication of placement for the attribute to do, so it keeps telling me I’m wrong. When I went for help on the forum from other stuck on step 43, the posted help was referring to a radio button, and other things. Can anyone help me move forward with this? Yes, I’ve turned to google as well and can’t fine anything helpful.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <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>
          <input type="button" value="Submit" <button>Submit</button>
        </form>
      </section>
    </main>
  </body>
</html>

Your browser information:

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

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

Link to the challenge:

2

Use only button tag with type attribute.

3

so then would it be
< input type=“button” value=“Submit” > ?

1 Like
4

The button you added will submit the form by default. However, relying on default behavior may cause confusion. Add the type attribute with the value submit to the button to make it clear that it is a submit button.

Hint : Your button element does not have a type attribute. Check that there is a space after the opening tag’s name.

5

I’ve read that multiple times. I suppose I’m missing what the type attribute is supposed to be? if you could help more with that

6

Your last post was correct

However, you are not being asked to add an input element.

So just reset and add the type attribute to the button element instead

7 
<button> </button>

You are using

<input>
8

I’ve attempted to add the type attribute to the element and I keep failing.

9

You did it perfectly in your post above.

You just need to click reset and then do the same thing but to the button tag

10

Make sure the type attribute has the correct value of submit too

11

In which post? the original or the one following? I’ve done both and it tell me to add an opening tag to the button.

12

Honestly I’m starting all of this from scratch so I have zero idea what Im doing.

13

When you click reset you see a button element, correct?

Add the type attribute to the opening tag.

Set its value to submit.

Done.

14

<input type=“button” value=“Submit”

it is now telling me I’m missing an opening tag.

15

Screenshot 2022-12-17 183944
Screenshot 2022-12-17 183944768×513 43.1 KB

Reset step 43 you will get this then add the type attribute in the button tag.

type = "submit"
16

This is still yielding the same result even utilizing the information provided.

17

Post your new code here

18

< button> type=“submit” </ button >

19

Put the attribute inside the opening tag

20

Also I strongly suggest revising what an html attribute is. (You can google it)