Create a form element and nesting

Tell us what’s happening:

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://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"><input type="text"></form> 



</main>

Your browser information:

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

Challenge: Create a Form Element

Please help cannot code this challenge. Also why not a video clip for this?
I am new here and first time posting this. Many thanks

Link to the challenge:

Hello there.

Do you have a question?

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

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

You have nested ok but you have deleted something from the input. You need that back to pass the challenge

has anyone got the code this challenge.
many thanks

We do not give out answers on the forum, but if you explain what problem you are having, we can help you fix it.

thanks

I am getting these messages when i click run the test:
1 ) X The existing input element should be nested within a form element.
2) X. Your form should have an action attribute which is set to https//freecatphotoapp.com/submit-cat-photo

someone please explain what am i doing wrong.
much appreciated in advance

Starter code

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

It looks like you replaced the old input element.

Nest the existing input element inside a form element

I think you need to use the original input element.

Also your link is wrong.
It should be

https://

Thanks for your time .

tried still cannot pass. maybe i am still doing wrong

thanks for your help
but still cannot pass.

What is your full updated code?

thanks for your help
but still cannot pass.

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

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 looks like your accidentally deleted your closing > on your opening form element tag.

The existing input element should be nested within a form element.

Passed

Your form should have an action attribute which is set to https://freecatphotoapp.com/submit-cat-photo

Your form element should have well-formed open and close tags.

this is what i got

Did you add a closing > to your opening form element tag?

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

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


Your closing > needs to enclose everything for the form tag.

Example from challenge:

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