Having issue with form element

i am having issue with nesting an input element with a form element

this i did like this check below

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

But it is showing error

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

Also, when you need help on an FCC problem, you can click the Get Help -> Ask for help button. It will provide your code and a link to the problem so we don’t have to go digging for it.

okay
thank you
but how can i get past the issue

Patience, young padawan.

If I understand correctly that this is the problem where you are having difficulties, then the issue is that the instruction is:

Nest the existing input element…

So, it is checking if it is an exact match. But if you look at your input element:

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

there is an extra space after “cat”. If I remove that and insert it into that problem, it passes for me.

That’s of course assuming that that is the correct problem and that you haven’t altered any of the other code.

If it is still not working, then post a link to the challenge and post the code. When you post your current code, use the instructions in the second post in the thread, putting three backticks on the lines before and after the code.

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

  <a href="#"><img src="https://www.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://www.freecatphotoapp.com/submit-cat-photo">
  <input type="text" placeholder="cat photo URl">
  </form>
</main>

OK, now something else got changed:

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

Notice that the “L” in “URL” is now lowercase.

When I change that back to uppercase, it passes for me.

working now
Thank You
More question to come
cos i am bent on learning this coding thing!!!

1 Like

That’s why we’re here. You’ll be helping people out yourself in no time.

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