Please with how to create a form elememt

Create a Form Element

You can build web forms that actually submit data to a server using nothing more than pure HTML. You can do this by specifying an action attribute on your form element.

For example:

<form action="/url-where-you-want-to-submit-form-data">
  <input>
</form>

Nest the existing input element inside a form element and assign "https://freecatphotoapp.com/submit-cat-photo" to the action attribute of the form element.

  **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>
<form action="/https://freecatphoto.com/submit-cat-photo"><input type="text"></form>
</main>

  **Your browser information:**

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

Challenge: Create a Form Element

Link to the challenge:

It looks like you changed the existing input element, which would cause the tests to fail.

which input are talking about though?

please help <form action="/https://freecatphotoapp.com/submit-cat-photo"

There was an input element already present when you started. You can recover this input element if you reset your code for this challenge.

This original input element should not be changed.

1 Like
  1. The existing input element looked like this:

<input type="text" placeholder="cat photo URL">

That should remain the same.

  1. You are not using the correct URL. This is the URL you are asked to use:

https://freecatphotoapp.com/submit-cat-photo

2 Likes

thank you, just passed that question. :grinning: