Creating form elements

Tell us what’s happening:
I have completed the challenge well but I’m still curious on what exactly this is used for on my website. What happens when I submit something in the form.
In short im asking for a simple explaination of this challenge…

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" placeholder="cat photo URL">
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.2; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.141 Safari/537.36.

Challenge: Create a Form Element

Link to the challenge:

<form> tag is usually designed to send your server a piece of information that you can retrieve via Javascript or PHP. For example, if you had answered some survey questions, your answers would be sent to the server and when the data is retrieved, people are able to perform actions based on what people like. (e.g. upgrading a website due to the viewers’ opinions)

When you fill in a form on a website like a contact form or survey. In simple terms those are some examples of what a form tag is used for.

Thanks you so much for all your contributions, I now understand.