freeCodeCamp/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/create-a-text-field.portugu...

1.6 KiB

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

Descrição

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: <input type="text"> Observe que os elementos de input são de fechamento automático.

Instruções

Crie um elemento de input do tipo text abaixo de cada uma das suas listas.

Tests

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>.");'

Desafio semente

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

Solução

// Solução necessária