I'm stuck can u guys help plz

[Lorna1]

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

   **Your code so far**

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

 <a href="#"><img src="https://www.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="submit-cat-phot"><input type="text" placeholder="cat photo URL">
</form>
</main>

   **Your browser information:**

User Agent is: Mozilla/5.0 (Linux; Android 8.1.0; DUB-LX1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.157 Mobile Safari/537.36

Challenge: Create a Form Element

Link to the challenge:

freeCodeCamp.org

[LucLH]

Hi @Lorna1,

There are few issues into your code, let’s take a look at the first form block you defined:

<form Action="/submit-cat-photo">
  <input type>="text"placeholder ="cat photo url"/>
</form>

1. The action attribute doesn’t have the required URL asked for that challenge: https://www.freecatphotoapp.com/submit-cat-photo
2. Look carefully the syntax of your input, I give you the original one that was into the code:

<!-- The original input -->
<input type="text" placeholder="cat photo URL">

<!-- Yours -->
<input type>="text"placeholder ="cat photo url"/>

3. The input element was nested at the end of the main block, at the place you defined another form block.
4. You don’t need two form blocks, one is enough, so you can, for example, delete the first one you defined before your main block, and do the updates for the form block you defined within your main block

Tell us if you still meet issues.

[Lorna1]

Tried to fix my code now it says my form should have an attribute nd I’m confused what to fix

[ALLESS]

@LucLH

There are few issues into your code,

As LucLH said, there are a few issues with the code:
To start with, everything Denoted in green should be removed or replaced.

This tutorial is a little Difficult to understand, and there is a lot of code that has been moved or misplaced. So, I would like us to Start From the Beginning:

Go ahead, and push the RESET BUTTON:

THE TUTORIAL ASKS US TO:

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

WE BEGIN HERE:

---

FIRST: Lets look at the two elements they are talking about here:

---

A <form> element and an <input> element.

---

NESTING means to put one element inside another element.

In this case, they are asking you to put an <input> element inside the <form> element.



THIS IS WHAT THAT STRUCTURE LOOKS LIKE:

---

This is What this looks like in Concept :

<form><input></input></form>

THE TUTORIAL ASKS US TO NEXT :
Assign "https://www.freecatphotoapp.com/submit-cat-photo" to the action attribute of the form element.

---

---

THEN THE TUTORIAL ASKS US TO ADD THE URL AS THE ACTION ATTRIBUTE,:

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

What this will look like:

<form action="Generic-web-address.com"><input type="text" placeholder="cat photo URL"></form>

---

OUR SOLUTION WILL LOOK SOMETHING LIKE THIS: