Help Me Please, I'm Lost

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I am lost on this challenge, i have done every other option and I am confused still…

   **Your code so far**<form action="/submit-cat-photo"><input type="text"  placeholder="cat photo URL">


<h2>CatPhotoApp</h2>
<main>
 <p>Click here to view more <a href="#">cat photos</a>.</p>

 <form action=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
<form action="/submit-cat-photo"><input type="text"  placeholder="cat photo URL">
</form>


                                  

                                 


</main>




   **Your browser information:**

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

Challenge: Create a Form Element

Link to the challenge:

2

This is the instruction:
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.

This means that you just put the “input” element inside a “form” element
<form action="insert correct link without the / in front"> <input ......> </form>

Note: the correct link is already given in the instructions

Hope this helps!

3

i got nothing ahhaa it is a little confusing

4

Try replacing the link in your action="" to this: https://www.freecatphotoapp.com/submit-cat-photo

5

You should use image tag to make your image appear instead of form tag.

<form action=cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>

Put this instead:

<img src="cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
6

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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

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

1 Like
8

@Besma4all, please do not hijack another’s topic. If you have a question please open your own topic.

1 Like
9

Sorry for my mistake!

10

ok everybody i have tried everything i am still lost and nothing is working smh

11

What is your latest code?

12

You may have already caught this but you need the proper closing tag on your ORDERED LIST

13

thats not the code i am talking about

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

</form>
15

Hi @laqueshasmith434 !
You now have nothing in your form element

I would reset the lesson.

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

This is the existing input

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

Use that one.
DO NOT CREATE A NEW INPUT PLEASE :grinning:

Here is the second part of the directions
assign "https://www.freecatphotoapp.com/submit-cat-photo" to the action attribute of the form element.

This is the action attribute

action=""

Inside the opening form tag place the action attribute

<form action="">

Make sure to include the correct url from the directions I just pointed out

<form action="URL GOES HERE">
EXISTING INPUT GOES HERE
</form>

You should only be adding two lines of code.
If you are adding more than that, then it is incorrect.

Hope that helps!

16

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