I am stuck! Please help me!

Tell us what’s happening:
Describe your issue in detail here.
It says I need " Your form should have an action attribute which is set to https://www.freecatphotoapp.com/submit-cat-photo ."
Not sure what I am doing wrong. But this hw is due soon and I need help!!

  **Your code so far**

<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>
<form action="/submit-cat-photo"><input type="text"  placeholder="cat photo URL">
</form>

<a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.81 Safari/537.36

Challenge: Create a Form Element

Link to the challenge:

Hi @kayleigh_metz99 !

Welcome to the forum!

I would reset the lesson.

Here are the first part of the instructions.
Nest the existing input element inside a form element

This is the existing input they are talking about

Use that one.
Do not create a new one.
Wrap your form tags around that.

Here are the last part of the instructions.
assign "https://www.freecatphotoapp.com/submit-cat-photo" to the action attribute of the form element.

For the action attribute you need to use the correct url I just pointed out to you.

This is incorrect.

Hope that helps!

2 Likes

Tell us what’s happening:
Describe your issue in detail here.

  **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://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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">
<form action="https://www.freecatphotoapp.com/submit-cat-photo">
<input type="placeholder="text"
</form action>
</main>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.81 Safari/537.36

Challenge: Create a Form Element

Link to the challenge:

I think it helps. Do I have this in the right spot? I am not really sure what to mess with here

You are writing code in the correct spot but you are still creating a new input when the directions tell you to use the one that is already there.

I would reset the lesson again.

They already gave you an input here

  </ol>
  <input type="text" placeholder="cat photo URL">
</main>

Do not create a new one.
Use the one they already gave you.
Wrap your form tags around that.

  </ol>
OPENING FORM TAG GOES HERE
  <input type="text" placeholder="cat photo URL">
CLOSING FORM TAG GOES HERE
</main>

Also you can get rid of this extra action attribute here.

1 Like

What would be the opening and closing form? Would it be <form…?

This is your opening form tag.

This is the closing one

1 Like
</ol>

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

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

</form>

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

<input type="placeholder="text"

</form action>

</main>

It is still saying that " Your form element should have well-formed open and close tags."
Am I missing a open or close tag that I am not seeing?

You keep changing the input.

This has errors in it.

There is no need to even touch the input.
Use the one they gave you and don’t touch it.

Use the correct one I pointed out to you in my earlier post.

Make sense?

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 (’).

I am not quite sure! Where do I do this at? I am so sorry our teacher did not tell us anything about this. I feel we should of had way more practice

I would reset the lesson.

You should only be adding a total of two lines of code.

That’s it.

One opening form tag.
One closing form tag.

You should not be adding any inputs.

Take a close look at what I wrote here.

I am not adding any more inputs.
I am using the one that is already there.

I am adding a line of code above the existing input.
I am adding a line of code below the existing input.

That’s it.

Two lines.

If you are adding more than two lines or you are creating a new input you are doing it wrong.

Just two lines. :grinning:

Make sense?

If I reset will all my work be gone? I have never used this program before. and would it be then

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

Reseting the lesson does not erase all of your progress for all the lessons.

It just resets for the lesson.

In this latest code, you are missing the action attribute here and the >.

You were correct earlier with the opening form tag here

so it would be

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

i think?

I reset it and this is what I have now

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

with that new code this is what it says I have left
Your form should have an action attribute which is set to https://www.freecatphotoapp.com/submit-cat-photo .

You have added a total of four lines of code.

Here is one

and here are the other three.

Slow down and look very carefully at this post again.

If you are confused on the opening and closing form tags, then revisit this post.

1 Like