Nesting <input>to from

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
guys i stucked on nest part how do i did it pls help
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="cat photo URL"><from action="https://www.freecatphotoapp.com/submit-cat-photo"</from>
</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36.

Challenge: Create a Form Element

Link to the challenge:

2

The <input> tag is outside of form. You’re supposed to nest it inside the form tag.
There’s also a typo, it’s <form> not <from>

3

can you show me pls imnewso…

5

Right here:

IMG_20210522_173644
IMG_20210522_173644800×380 39.9 KB

1 Like
6

its spelling mistake

2 Likes
7

thx but it says input is not nested in <form i didnt understand

8

The lesson shows this sample;

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

It’s basically saying this;

<parent element>
  <nested element>
</parent element>

So follow the instructions and nest the existing input element inside a form element.
Note: Do not change the existing input element. The sample is a sample.

9

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=textplaceholder="cat photo URL">
<form action="https://www.freecatphotoapp.com/submit-cat-photo">
</form>
</main>

   **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36.

Challenge: Create a Form Element

Link to the challenge:

10

Hello there.

Do you have a question?

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

Learning to describe problems is an important part of learning how to code.

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

This syntax is malformed. You need a space in there. Not sure if this is the only problem though.

11

[quote=“databakarandze222, post:1, topic:461530”]
Describe your issue in detail here.
i writed code like this and says it wrong can you show how nest <input into <form PLZ

12

The lesson shows this sample;

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

It’s basically saying this;

<parent element>
  <nested element>
</parent element>

So follow the instructions and nest the existing input element inside a form element.
Note: Do not change the existing input element. The sample is a sample.

13

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