Problems with "Create a Form Element"

<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">
</main>
<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">
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.3 Safari/605.1.15.

Challenge: Create a Form Element

Link to the challenge:

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

Hello there.

It looks like you accidentally deleted the entire Tell us what’s happening section of your post. Do you have a question?

If so, please edit your post to include it in the Tell us what’s happening section.

Learning to describe problems is an important part of learning how to code.

Also, the more information you give us, the more likely we are to be able to help.

I cannot get past the " The existing input element should be nested within a form element."

It doesn’t look you have added a form element at all in the above code.

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

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

Here your input element is below your form.

You should put the input inside the form.

<parent element>
  <nested element>
</parent element>

Can you be more specific within the code please. TIA

I will not give you the answer. What part is confusing you?

PS there is absolutely no reference to this coding in the lesson segment.

PS nesting has been mentioned before :slight_smile:

Have not seem one thing on nesting. I was reveiwing the part “CREATING A FORM ELEMENT”. I even took photos of the lessons. Maybe there is something glitching. I am using Safari on Macbook MacOS Mojave

It’s been mentioned in previous lessons. No glitch.

Again, what part of my example of one element nested inside of another is confusing to you. I’m happy to explain further but I need the know what to explain.

where is it embedded into the code that I copied and pasted above? I am must be missing something obvious. The lesson before was about ADD PLACEHOLDER TEXT TO A TEXT FIELD, and before that CREATE A TEXT FIELD.

What part of the example I gave you is confusing?

See also the example given in the lesson

<form action="/url-where-you-want-to-submit-form-data">
  <input>
</form>


This is the first day I started this courses and I am having a problem missing something major.

where would the nesting part be embedded?

Please do not post screenshots. Post your actual code.