Input nested in the form element

HTML-CSS
1

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://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">
  </form>
</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.2 Safari/605.1.15

Challenge: Create a Form Element

Link to the challenge:

2

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 hard, but it 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.

You shouldn’t change the provided input element.

3

i put in form element but still said i am wrong!

4

any syntax error made? i couldn’t find the bug

5

Did you fix this problem:

6

i did it before just use in the form tags but same error told

7

Can you show that code? The only code you have shared has the wrong input element.

8

Jeremy - he/him via The freeCodeCamp Forum <notifications@freecodecamp.discoursemail.com> 于 2022年3月7日周一 下午4:48写道：

IMG_20220312_155850.jpg
IMG_20220312_155850.jpg2016×4480 1.88 MB

9

Please post your actual code instead of a picture. It is really hard to read pictures.

It still looks like you changed your input element.

10 
<form action="https://www.freecatphotoapp.com/submit-cat-photo">
   <input>
</form>
11

It is best to post all of the cde.

This is not the original input element you were given. I’d reset the code and not change the input at all.

12

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

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.3 Safari/605.1.15

Challenge: Create a Form Element

Link to the challenge:

13 
<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>
  </form>
</main>
14

I’m not sure if you can see anything I’m typing, but you really need to reset the input element here:

You changed it but it must match the original input element provided.

15

what is original input element provided? sorry, I don’t understand. I have just added this only inside the form loop as told in the question

16

Ah, you can see what I’m typing! You weren’t responding in any way to me saying the input element needed to change, so I thought you couldn’t see what I was typing.

Take a look at the original code for the challenge:

<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>
<input type="text" placeholder="cat photo URL">
</main>

The input element is very different from yours.

17

got it, perfect done successfully finally cuz I reset all code and did again. thanks so much Jeremy you are very kind and patient to answer

1 Like
18

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