Nesting an inpute element to a form

Tell us what’s happening:
I dont know what is the error with the way its already been fixed…

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

Your browser information:

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

Challenge: Create a Form Element

Link to the challenge:

What do the failing tests say?

The existing input element should be nested within a form element.

That’s a piece of code. What about it do you need help with?

yeah that was by mistake its been edited

Your code does not have an input element. It looks like you mushed together the opening form tag and the input instead of nesting one within the other.

I guess im not sure what nesting is just yet then… thanks

Nesting is introduced in this lesson:

i thought it was nested but im checking that link now thanks

whats reqired for nesting an inpute element into a form element ive tried plenty. Theres no video on it either in the help.

Nesting means wrapping an/some element within another element, example
example of wrapping element

1 Like

yes that much i get but what keywords are used for nesting its not wrapper or wrapped am i right?

Tell us what’s happening:

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

Your browser information:

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

Challenge: Create a Form Element

Link to the challenge:

Hi @IMH!

You are really close.

There is a syntax error. You are missing a < before the input.

Hope that helps!

i tried different ways on how to respolve this and im just not sure the tutorial is doing it justice to be honest

what do i use for nesting the inpute i tried

for example and im spending too much time on this one question i should be more productive than being stuck on this one question for over a week now.

Hello there~!

Sorry to hear you’ve been stuck on this. @jwilkins.oboe pointed out a bit of a syntax error that is causing your current code to fail. If you correct that, the tests will pass. :slightly_smiling_face:

i noticed and that was correct information i did so many different things after the post I changed the code so i tried again from fresh and just with that it worked but it gave a false sense of it being wrong thats kinds cruel. Whatever im moving forward but thanks to all who helped with this. So nesting is there a list of examples on nesting code to know what other nesting elements i think if thats what they are called. Im just frustrated i think…

The list items are nested inside the ordered list. That is another example.

This is also nesting.

<body>
   <h1>Hooray for nesting</h1>
</body>
1 Like

thank u im going to try to understand this better.