2018-10-08 17:34:43 +00:00
---
id: bad87fee1348bd9aedf08829
title: Create a Text Field
challengeType: 0
videoUrl: ''
2018-10-10 20:20:40 +00:00
localeTitle: Crear un campo de texto
2018-10-08 17:34:43 +00:00
---
## Description
2018-10-10 20:20:40 +00:00
< section id = "description" > Ahora vamos a crear un formulario web. Los elementos de entrada son una forma conveniente de obtener información de su usuario. Puede crear una entrada de texto como esta: < code > < input type=" text" > < / code > Tenga en cuenta que < code > input< / code > elementos de < code > input< / code > se cierran automáticamente. < / section >
2018-10-08 17:34:43 +00:00
## Instructions
2018-10-10 20:20:40 +00:00
< section id = "instructions" > Cree un elemento de < code > input< / code > de < code > text< / code > de tipo debajo de sus listas. < / section >
2018-10-08 17:34:43 +00:00
## Tests
< section id = 'tests' >
```yml
tests:
- text: Su aplicación debe tener un elemento de < code > input</ code > de < code > text</ code > de tipo.
testString: 'assert($("input[type=text]").length > 0, "Your app should have an < code > input< / code > element of type < code > text< / code > .");'
```
< / section >
## Challenge Seed
< 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 >
2018-10-10 20:20:40 +00:00
2018-10-08 17:34:43 +00:00
```
< / div >
< / section >
## Solution
< section id = 'solution' >
```js
// solution required
```
< / section >