The existing input element should be nested within a form element

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:

Currently, you have placed your input element above your form element. Instead, the input element should be nested within the form element. An element is nested within another element, if it is between the other element’s opening and closing tags.

dont still get it
please explain better

1 Like

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

Which part of my reply do you not understand?

First, do you understand what opening and closing tags look like?

Second, if the answer to the above question is “Yes”, then when element needs to be between the other element’s opening and closing tags?

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

I suggest going back to the first lesson in the Basic HTML and HTML5 section. This is explained there. If you still have questions reading through that challenge, then ask here.

This challenge explains the concept of nesting elements.

<> opening
</>closing

nested within a

form

element.

that is where am getting it difficult

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

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

cant cross here
help please

The existing

input

element should be nested within a

form

element.

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

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

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.

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

<p>like this</p> hmmmmmmmmmmmmmmm

i put code in that message

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

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.

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