Nesting an inpute element to a form

HTML-CSS
1

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:

2

What do the failing tests say?

3

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

4

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

5

yeah that was by mistake its been edited

6

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.

7

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

8

Nesting is introduced in this lesson:

9

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

10

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

12

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

1 Like
13

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

14

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:

15

Hi @IMH!

You are really close.

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

Hope that helps!

16

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

17

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.

18

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:

19

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…

20

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

This is also nesting.

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

http://www.bu.edu/tech/services/cccs/websites/www/non-wordpress/start/html-introduction/syntax/nesting-tags/

21

thank u im going to try to understand this better.