Queries in how to Nest the existing input element inside a form element

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I am having problems how to nest the input element in the form

  **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://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>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36

Challenge: Create a Form Element

Link to the challenge:

2

HI @farahferozkhanderiya !

Welcome to the forum!

Problem is here

You changed the input when you weren’t supposed to.
Reset the lesson and use the input they gave you.

Hope that helps!

3

Tell us what’s happening:
Describe your issue in detail here.

  **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://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>
<input type="text" placeholder="submit-cat-photo">
<form action="https://www.freecatphotoapp.com/submit-cat-photo">
<input>
</form>
</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36

Challenge: Create a Form Element

Link to the challenge:

4

you didnt nest the input tags into the form tags. look up nesting html elements

5

how to do it I tried alot but still it’s showing wrong

6

your code should look something like
FORM
INPUT
INPUT
FORM.
see how the two input tags would be inside of the two form tags.

7

also your look up opening and closing tags.

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

do u mean like this??

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

i dont think the forum will let you type actual code into the chat boxes which is why i wrote it the way i did. you will need proper opening and closing tags for both input and form elements . the input tags will need to be nested inside of the form tags.

1 Like
12

your tags look like
input
form
input
form
which is your problem
you need the tags to be
form
input
input
form.
also your input closing tag is not correct. google opening and closing html tags as well as nesting tags.

13

@farahferozkhanderiya, if you’re still having an issue with this lesson

  1. use the ‘Reset All Code’ button to start fresh
  2. review the lesson. there is a sample of an input nested inside a form element. Note: you are to use the existing input element so do not copy the one from the lesson. Just use it was an example of how you need to place the form tags.
  3. add the action attribute and run the tests

If you’re having an issue after completing the above we will need to see your current code to help you. Folllow these instructions to paste your code

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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

14

You can write code in the forum.

Please read @Roma 's post on how to do that.

15

I would go back to your very first post you made into the forum because you were really close with that answer.

Then you need to make sure to use the correct input.

Also, I edited your post so we can see your code now.

Please refer to the instructions on how to write code into the forum.

16

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