Nesting existing input into form element

I know I’m making the slightest mistake on this, but cant seem to figure out what I am doing wrong. Obviously, just starting the courses, so any direction pointed, would be greatly appreciated! Thank you!

I am trying to nest an existing input into a form element, and while I think my code is completely right, there is something wrong with it that I cant figure out. Here is what I have written 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" placeholder="cat photo 

URL">

</form>

</main>
1 Like

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


It helps if you provide the link to the challenge.

1 Like

You can’t break strings over lines like this in Javascript. You need to use the original, unchanged input element.

that is the original input element all I was doing was adding the form element and assigning an URL

The original input is only on one line. Yours is on two.

Ok. Thank you, I think I have it figured out. Do I need to delete this post, or I’m assuming they want them left up? I literally just started all this today and haven’t even been on a forum in so long. Haven’t had a computer until recently

1 Like

Good work getting it passing!

We leave posts up in case someone has a similar issue in the future.

2 Likes

Ok. I figured out exactly what I did wrong, when I completed the previous lesson, I wrote the code where it automatically put the cursor, not realizing that if it was tabbed over too far, that that would prevent me completing the next lesson. Curious, if for some reason a word was longer, or there were more words, how would you still get the input form to work, within the form element? And thank you once again for pointing me in the right direction, already feeling good about making these steps in a different direction. I have my CDL but its not cutting it these days and I want a job, where I don’t have to destroy my body doing so.

1 Like

It would work the same way.

  <input type="text" placeholder="I can place as long of a placeholder here as I like even if I want to do some absurdly long text that would be far, far longer than anybody would ever actually want to read but I still want to put it here because I can and HTML will let me do this even though it perhaps should not let me do such a silly thing however the computer doesn't really understand that this is silly so I suppose I don't really want my computer trying to judge when I am being too silly and stopping me from doing whatever I like in my code">
1 Like

Hey Gnarlsbeardly could you do the thread and community a big favor and mark your thread as solved and also mark Jermey solution as the one that solved it. It really helps people who have the same problem finding a quick answer to their question. Thanks

1 Like

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