Learn HTML by Building a Cat Photo App - Step 38

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.
what should i do next? please help me

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/121.0.0.0 Safari/537.36 OPR/107.0.0.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 38

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

Hi @marshal

For this step add the type attribute to the input element.

Yes, there is an attribute named type.

Happy coding

4

i still dont get it please explain

5

Here is the syntax for an attribute which has a value

attributeName=“attributeValue”

Replace attributeName with the name given in the instructions.
Replace attributeValue with the value given in the instructions.

Each of the keywords is highlighted in the instructions.

6

“Create a text field to get text input from a user by adding the type attribute with the value text to the input element.” thats the instrctions

7

So the input element is where the attribute goes.
type is the attribute name
text is the attribute value

8

thank you so much for the help

1 Like
9

but am really sorry for not understanding it. ill study it later i need a snack

1 Like
10

Hello @marshal !

@Teller has been offering great guidance and is explaining what this link will help you to understand a bit better.

If this helps, please credit Teller, as truly the guidance provided has been excellent. I just found a link in hopes that it would clarify it more for you.

Smooth coding!

11

remember that input is a self closing tag. you have to do it like this without ? of course…

<?input? t?y?p?e=text?>