The existing input element should be nested within a form element

HTML-CSS
1

how do i go about this?
The existing

input

element should be nested within a

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64; rv:80.0) Gecko/20100101 Firefox/80.0.

Challenge: Create a Form Element

Link to the challenge:

3

dont still get it
please explain better

1 Like
4

i dont get how to nest things at all? like should i open an element or smh?!!!
someone pls explain!!!

6

please what is opening and closing tags?
please explin,
am only learning

8

<> opening
</>closing

9

nested within a

form

element.

that is where am getting it difficult

10

i fill my work is ok,
cant figure out where am wrong
am so SORRY!!!
help me please

11

to nest an element you need to put it between opening and closing tag of an other element

example:

<div>
   <p>Hello!</p>
</div>

the p element is nested inside the div element

12

cant cross here
help please

The existing

input

element should be nested within a

form

element.

13

what changes have you made? what have you tried to fix the issue?
show your new code and we can help more

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

what’s your whole code?

also, here you are missing a character:

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

17

<p>like this</p> hmmmmmmmmmmmmmmm

18

i put code in that message

19

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

20

The post has not been active for almost a year.
Please participate in newer posts.

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