Create a form element and nest the input element into a form element

the existing input is this one, and you need to make the form element around that


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

Around where ? To be honest I still don’t get your explanation it is appearing more difficult wtf?

around the input element in the snippet I quoted

to nest the existing input element in a new form element you need to write the opening form tag before the input element and the closing form tag after it


<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>
<form action=”https://freecatphotoapp.com/submit-cat-photo”>
<input type=“text” placeholder=”cat photo URL“></form>

To be honest this challenge is really pissing me off, it is still not responding :rage:

I’m going to try and spell this out for you one more time as clear as possible. If you don’t get it after this then I don’t know what to say.

  1. Click the ‘Reset All Code’ button to start over
  2. Do not change any of the existing code that is provided for you. Do not move anything to a different place. Do not change the text on anything. I don’t know if I can be more clear about this?
  3. You will insert two new lines into the existing code. One line will be the opening form tag and the other line will be the closing form tag. The opening form tag will include the action attribute which will be set to the URL given in the instructions. There is only one <input> in the code so I think it is pretty obvious where these opening/closing form tags will go.

That’s it. That’s all you need to do.

Also, I noticed on the last code you posted that the double quotes you are using are fancy double quotes and not ascii double quotes. This will also cause the test to fail. If you are typing your code into another editor first and then copy/pasting into FCC then you need to configure your editor to use regular ascii quotes. Personally, I would just type your code directly into FCC and skip the editor for now.

this snippet features both the input element you should use - second line of the snippet, which you keep ignoring - and the code you inserted, last two lines of code

you do not need to create an input element
you must not create a new input element
you must use the existing one

Yea how do i get the ascii quote i only have the regular one on my keyboard whenever i wanna code?

if you are on a apple device there may be smart punctuation active that turns your quotes into the fancy titles ones

So how do i change it?

if that’s it you can turn it off somewhere in the settings

I have a question will i place the closing form element at the end of the first input element?

yes, to nest the input element in the form element you need to put the opening form tag before the input element and the closing form tag after the input element

Thanks it worked i have issue an with another challenge i was told to add a submit button to a form

Is anyone there or should i create another topic for the other challenge i am having issues with?

Hello there,

If you have a new question about a separate topic/challenge, you can open a new topic using the Ask for Help button.

1 Like

the issue here is, you are meant to close the opening tag of your form action link.
so this is it

i am sure this will help