Learn HTML by Building a Cat Photo App - Step 45

HTML-CSS
1

Tell us what’s happening:

Re Step 45: I entered “Submit type=“submit””
checking the code failed; the hint said to be sure there’s a space after the initial tag element. There is a space (but I can’t post a ss here). Otherwise I think the syntax is correct. I checked it with an online HTML syntax checker (which I’m probably not supposed to know about at this stage of instruction)
There was no example showing use of the ‘type’ tag. I searched W3Schools HTML and found the syntax shown as: <button type="button|submit|reset"> where one chooses only 1 of the 3 options.

Is there an error in the module or is there an error in my syntax? If the latter, what is the error.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</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>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

        </form>
      </section>
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:134.0) Gecko/20100101 Firefox/134.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 45

2

Hi,

Put the type attribute inside the opening button tag.

3

Please let us know if you still need help with this one…. (You can mark the post that helped you as the solution and you can respond back to the person who tried to help you to let them know if you resolved it and give them a friendly like :heart:).

1 Like
4

I abandoned the course, finding it too non-specific when calling out mistakes. I was spending more time on syntax minutiae and finding hints inadequate.

2 Likes
5

what do u use now to practice coding

6

well there is something called visual studio code but i could not download it because it does not work on my laptop i hope this helps you :heart:

7

After becoming too frustrated with the tutorials here, I turned to W3Schools tutorials. A search will turn them up.

After doing the tutorials at W3S, I write code using Visual Studio Code (free from Microsoft). I’m working on SQL Server now - also free from Microsoft - and it’s GUI front end, SQL Server Management Studio (SSMS) for practicing.

I do a lot of searching and posting on forums, too.

8

apparently they said w3s is not up to date? so i uninstalled it and got MDN which is from mozilla and they said its up to date
there is also GitHub

1 Like
9

I looked at the curricula for both MDN and Github. Unless I missed it, they do not have tutorials for SQL and relational data bases (RDBMS). If you know of such, please post them.