Learn HTML by Building a Cat Photo App - Step 38

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

My code does not pass. I do not see any issues and really would like an explanation. The hint says Your form element should only contain the input element. Remove any extra HTML elements or text between the form element’s tags. But I just put in the and it was accepted. Somewhat confusing, I have tried all sorts of combinations. Another issue I had was logging into the forum without a password – When I log into freecodecamp.org, I am emailed a signed pin, then when I attempt to get to the forum it asks me for a password???

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <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">

<!-- User Editable Region -->

          <input> type="text">

<!-- User Editable Region -->

        </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.5 Safari/605.1.15

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

Link to the challenge:

2

This is not how you use the type attribute. It needs to go inside your opening input tag

Reading this might help

3

You closed the opening <input> tag before passing the type attribute so type="text"> is just being interpreted as plain text inside <input> . Also there’s no closing tag for input.

The correct code would be:
Mod edit: removed solution

1 Like
4

Thank you! Removed first > and we are moving on.

3 Likes
5

Please dont give out code answers for the challenges. We ask that you stay focused on answering any questions, giving hints and pointing them in the right direction without giving the answer. Thanks

3 Likes
6

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