# HTML- Alguém me ajuda nessa tarefa

**URL:** <https://forum.freecodecamp.org/t/html-alguem-me-ajuda-nessa-tarefa/481565>\
**Category:** General\
**Created:** [October 13, 2021, 4:33pm UTC](https://forum.freecodecamp.org/t/html-alguem-me-ajuda-nessa-tarefa/481565 "2021-10-13T16:33:56Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![jessicasantananutri](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jessicasantananutri/32/134560_2.png) [@jessicasantananutri](https://forum.freecodecamp.org/u/jessicasantananutri)\
**Post date:** [October 13, 2021, 4:33pm UTC](https://forum.freecodecamp.org/t/html-alguem-me-ajuda-nessa-tarefa/481565/1 "2021-10-13T16:33:56Z")

</div>

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

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

</main>

preciso de ajuda nessa tarefa
está faltando dois teste
O inputelemento existente deve ser aninhado em um formelemento.
Seu formelemento deve ter tags de abertura e fechamento bem formadas.
Eu não consegui identificar o erro 
alguém pode me ajudar ?

```

```
  **Your code so far**

```

```html

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

</main>

```

```
  **Your browser information:**

```

User Agent is: `Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.71 Safari/537.36`

**Challenge:** Create a Form Element

**Link to the challenge:**

> **[freeCodeCamp.org](https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/create-a-form-element)**
>
> Learn to Code — For Free

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [October 13, 2021, 4:39pm UTC](https://forum.freecodecamp.org/t/html-alguem-me-ajuda-nessa-tarefa/481565/2 "2021-10-13T16:39:35Z")

</div>

> [@jessicasantananutri](#):
>
> `<form action="https://www.freecatphotoapp.com/submit-cat-photo"`

This is not closed correctly. You’re missing `>` to close it.

Also, the lesson tasked you with _nesting_ the existing `input` element with the `form` element. You have it outside.

---

<div class="post-metadata">

**Author:** ![jessicasantananutri](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jessicasantananutri/32/134560_2.png) [@jessicasantananutri](https://forum.freecodecamp.org/u/jessicasantananutri)\
**Post date:** [October 13, 2021, 5:00pm UTC](https://forum.freecodecamp.org/t/html-alguem-me-ajuda-nessa-tarefa/481565/3 "2021-10-13T17:00:00Z")

</div>

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

Ficou faltando somente: O inputelemento existente deve ser aninhado em um formelemento.
essa parte da tarefa eu não sei como arrumar.

```

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [October 13, 2021, 5:07pm UTC](https://forum.freecodecamp.org/t/html-alguem-me-ajuda-nessa-tarefa/481565/4 "2021-10-13T17:07:50Z")

</div>

It’s just a matter of _nesting_ the existing `input` element within the `form` element.

This is not the first time the term _nesting_ is used in a lesson. You first saw it in [this lesson](https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph).

Basically it will look something like;

```auto
<parentElement class="parent">
  <childElement class="child">
  </childElement>
</parentElement

```

The `childElement` is _nested_ in the `parentElement`.

Hope that helps.

---

<div class="post-metadata">

**Author:** ![jessicasantananutri](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jessicasantananutri/32/134560_2.png) [@jessicasantananutri](https://forum.freecodecamp.org/u/jessicasantananutri)\
**Post date:** [October 13, 2021, 7:27pm UTC](https://forum.freecodecamp.org/t/html-alguem-me-ajuda-nessa-tarefa/481565/5 "2021-10-13T19:27:26Z")

</div>

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

Ainda continuou na mesma tarefa, Alguém consegue identificar o que falta?
Ficou faltando: O inputelemento existente deve ser aninhado em um formelemento.

```

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [October 13, 2021, 7:31pm UTC](https://forum.freecodecamp.org/t/html-alguem-me-ajuda-nessa-tarefa/481565/6 "2021-10-13T19:31:56Z")

</div>

> [@jessicasantananutri](#):
>
> ```auto
> Ainda continuou na mesma tarefa, Alguém consegue identificar o que falta?
> Ficou faltando: O inputelemento existente deve ser aninhado em um formelemento.
> 
> ```

Once again, the `input` element is not nested in the `form` element.  
I gave an example of nesting in my previous response.

The lesson shows this example;

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

```

you currently have;

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

```

Does that help?

---

<div class="post-metadata">

**Author:** ![jessicasantananutri](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jessicasantananutri/32/134560_2.png) [@jessicasantananutri](https://forum.freecodecamp.org/u/jessicasantananutri)\
**Post date:** [October 13, 2021, 7:36pm UTC](https://forum.freecodecamp.org/t/html-alguem-me-ajuda-nessa-tarefa/481565/7 "2021-10-13T19:36:36Z")

</div>

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

Eu coloquei assim mas ainda não descobrir o erro

```

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [October 13, 2021, 7:49pm UTC](https://forum.freecodecamp.org/t/html-alguem-me-ajuda-nessa-tarefa/481565/8 "2021-10-13T19:49:35Z")

</div>

Almost. The lesson says _nest_ the existing `input` element.

The existing one is this one;  
`<input type="text" placeholder="cat photo URL">`  
Which you have outside the form.  
Put that where you just have `<input>` now and the test should pass.

To be clear. It should only appear inside the `form` element. Not in two places.

---

<div class="post-metadata">

**Author:** ![danielrosa](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/danielrosa/32/227263_2.png) [@danielrosa](https://forum.freecodecamp.org/u/danielrosa)\
**Post date:** [October 13, 2021, 7:51pm UTC](https://forum.freecodecamp.org/t/html-alguem-me-ajuda-nessa-tarefa/481565/9 "2021-10-13T19:51:14Z")

</div>

Oi, @jessicasantananutri . Tem que ser o input que já existe na lição. Esse que está logo acima da form. Pega ele e coloca ele dentro da form.

---

<div class="post-metadata">

**Author:** ![jessicasantananutri](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jessicasantananutri/32/134560_2.png) [@jessicasantananutri](https://forum.freecodecamp.org/u/jessicasantananutri)\
**Post date:** [October 13, 2021, 7:52pm UTC](https://forum.freecodecamp.org/t/html-alguem-me-ajuda-nessa-tarefa/481565/10 "2021-10-13T19:52:13Z")

</div>

Muito obrigada, agora sim consegui passar, obrigada mesmo.

---

<div class="post-metadata">

**Author:** ![jessicasantananutri](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jessicasantananutri/32/134560_2.png) [@jessicasantananutri](https://forum.freecodecamp.org/u/jessicasantananutri)\
**Post date:** [October 13, 2021, 7:52pm UTC](https://forum.freecodecamp.org/t/html-alguem-me-ajuda-nessa-tarefa/481565/11 "2021-10-13T19:52:22Z")

</div>

Obrigada amigo, me ajudou demais.

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [October 13, 2021, 7:54pm UTC](https://forum.freecodecamp.org/t/html-alguem-me-ajuda-nessa-tarefa/481565/12 "2021-10-13T19:54:18Z")

</div>

I’m happy I could help.

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [April 14, 2022, 7:55am UTC](https://forum.freecodecamp.org/t/html-alguem-me-ajuda-nessa-tarefa/481565/13 "2022-04-14T07:55:02Z")

</div>

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