LINK: https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/create-a-text-field

Tell us what’s happening:

So i have succesfully managed to create an input element, but I’m not clear on what its function is. What does it do on my webpage???

Your code so far


<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
<input type="text">

</main>

Challenge: Create a Text Field

Hello @mwansa

input elements are for capturing input from users of your website. For example if a user is to log in to website, you present a form which contain input fields where they enter their username, password, email e.t.c. The lesson has just introduced you to an input element. In real web pages, they usually reside inside form elements.

1 Like