I need assitance with creating a form element

Tell us what’s happening:

  **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=<form action="https://freecatphotoapp.com/submit-cat-photo"
<input>
</form>
 placeholder="cat photo URL">

</main>
  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 13421.89.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.183 Safari/537.36.

Challenge: Create a Form Element

Link to the challenge:

Hi @j.kibera18 !

Welcome to the forum!

You have a few syntax errors.

I would suggest resetting the lesson and following this sturcture.

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

Your answer should only be three lines on code.
You do not need to alter the input provided for you in the lesson.
You should wrap the form around the input.

Hope that makes sense.

I have followed your instructions, yet it still mentions that the existing element has to follow the instructions.

Can I see your updated code?

<form action="https://freecatphotoapp.com/submit-cat-photo">
   <input>
  </form>
   placeholder="cat photo URL">
</main>

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

<form action="https://freecatphotoapp.com/submit-cat-photo">
<input>
</form>

This part is right

This part is incorrect. You deleted everything out of the input

This part is right

This is not valid html and needs to be deleted

In order to see your code in the forum, you will need to follow the instructions from the video above.

You are close but you need to use the input from the lesson.
Right now the input is empty.

This was just to give you an example of how to nest an input in the form

But you are supposed to replace <input> with the actual input from the lesson.

Make sense?

The video is very misleading and still do not understand the concept of an existing element inputted into the the form element. Is it possible that you could send the correct version of the form element

On the forum, we are not allowed to give out answers.

But you are really close.

This is what you have so far.

<form action="https://freecatphotoapp.com/submit-cat-photo">
<input>
</form>

Everything is correct except for the input.
When I reset the lesson I get this input
<input type="text" placeholder="cat photo URL">

If you use the correct input, then the test will pass.

This challenge does not have a video.
Are you watching a video on youtube or something?

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