Learn HTML by Building a Cat Photo App - Step 38

Tell us what’s happening:

I dont really know what this means or what i should do.

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>

<!-- User Editable Region -->

        </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/127.0.0.0 Safari/537.36 OPR/113.0.0.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 38

by adding the type attribute with the value text to the input element.

you already added attributes to many elements to far, in this case you need to add a type attribute and give it a value of "text"

<input> <type="text"> </input>

this is what i did but it doesnt seem to work for me?

well, where is the input part?

sorry i did type it but it doesnt seem to come up when id press reply well i did first do “input” and “/input”

and why did you do that? is that how you have assigned an attribute to an element in the previous steps?

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

<input><type="text"></input>

and whenever i do that this comes up–> Your form element should only contain the input element. Remove any extra HTML elements or text between the form element’s tags.

yeah, because

  • input is a void element, that means it doesn’t want a closing tag
  • that’s not how you give an attribute to an element, check the other elements

Sorry i dont really know what you mean by saying input doesnt want a closing tag may you give me a demonstraition?

it’s a void element like img, you did not add a closing tag to that, and you don’t add a closing tag to input