---
id: bad87fee1348bd9aedf08829
title: Create a Text Field
challengeType: 0
videoUrl: ''
localeTitle: Crie um campo de texto
---

## Descrição
<section id="description"> Agora vamos criar um campo de formulário web. Os elementos de entrada são uma maneira conveniente de obter informações do usuário. Podemos utilizar esses campos para que os usuários digitem por exemplo seus nomes ou endereços. Você pode criar uma entrada de texto assim: <code>&lt;input type=&quot;text&quot;&gt;</code> Observe que os elementos de <code>input</code> são de fechamento automático. </section>

## Instruções
<section id="instructions"> Crie um elemento de <code>input</code> do tipo <code>text</code> abaixo de cada uma das suas listas. </section>

## Tests
<section id='tests'>

```yml
tests:
  - text: Seu aplicativo deve ter um elemento de <code>input</code> do tipo <code>text</code> .
    testString: 'assert($("input[type=text]").length > 0, "Your app should have an <code>input</code> element of type <code>text</code>.");'

```

</section>

## Desafio semente
<section id='challengeSeed'>

<div id='html-seed'>

```html
<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>


</main>

```

</div>



</section>

## Solução
<section id='solution'>

```js
// Solução necessária
```
</section>