Create a Form Element again

I keep getting the error message that says - The existing input element should be nested within a form element. My line of code in question is below, someone please tell me why this is not considered nested.

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

It really helps when you post absolutely all of your code.

It looks like you changed the input element you were given.

<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>

  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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://www.freecatphotoapp.com/submit-cat-photo"> <input type="text” placeholder=cat photo URL></form>
</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 (’).

Ok clearly I am very green lol, - I will make these changes if I have to post again. But what is wrong with the code? I cant figure out how to get to the next step or what I should change.

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

The attribute values for type and placeholder should be inside quotes, and they have to be normal double "" or single '' quotes.

BTW, please link to the challenge or use the ask for help button.


If you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

After adding questions to both type and placeholder attributes I am still getting the same error message. That reads, 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://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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://www.freecatphotoapp.com/submit-cat-photo"> <input type= "text” placeholde= "cat photo url"  ></form>
</main>
   **Your browser information:**

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

Challenge: Create a Form Element

Link to the challenge:

Yours:

Original:

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

You must use the original input element

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.