Learn HTML by Building a Cat Photo App - Step 38

HTML-CSS
1

Tell us what’s happening: I have not understood the requirement given as, “Create a text field to get text input from a user by adding the type attribute with the value text to the input element”.

Can you please help?
Describe your issue in detail here.

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 -->

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

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

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

Hello!
You have used your input as an attribute and made the type and element. So reset your code. Then add a type attribute with the value of text. Don’t add any elements.
An attribute looks like this: <elementname attribute="value">

4

Thanks for your inputs. I am not able to understand the requirement, since this is my first attempt at HTML.
Can you be more clear please?

5

Okay so an attribute it gives information to your code. It usually comes in your opening tag of an element, and looks like this: class="head" or id="blue" or type="checkbox"
You get many different types of attributes. Now you are busy with the type attribute and with the type attribute you also get different types. The type you are busy with
is text. It is when a person can write text in and the output looks like this
image

So in your input element add a space and then add the word ‘type’. Then add a ‘=’ followed by quotation marks. In the quotation marks add the word ‘text’

You can read more about type attributes here:

You can read more about attributes here:

6

Thanks a ton. I have been able to cross the 38th step.
But I need to read what you have suggested. Thanks once again

2 Likes
7

You are welcome. If you need any further assistance, you can always ask on the forum. Keep up the good work, happy coding!

1 Like
8

Thanks for the kind words Zahaira.
I am sure you will be able to get your certificate very soon.

2 Likes
9

Sorry for misspelling the name. Apologies.

2 Likes
10

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