--- id: 587d778b367417b2b2512aa8 title: Add an Accessible Date Picker challengeType: 0 videoUrl: '' localeTitle: Añadir un selector de fecha accesible --- ## Descripción

Los formularios a menudo incluyen el campo input , que se puede usar para crear varios controles de formulario diferentes. El atributo type en este elemento indica qué tipo de entrada se creará. Puedes haber notado los tipos de entrada text y submit en desafíos anteriores, y HTML5 introdujo una opción para especificar un campo date . Dependiendo de la compatibilidad del navegador, aparece un selector de fecha en el campo input cuando se lo enfoca, lo que facilita el llenado de un formulario para todos los usuarios. Para los navegadores más antiguos, se asigna por defecto el tipo text, de forma tal que ayuda a mostrar a los usuarios el formato de fecha esperado en la etiqueta o como texto de marcador de posición, por si acaso. Aquí hay un ejemplo:

<label for = "input1"> Ingresa una fecha: </label>
<input type = "date" id = "input1" name = "input1">

## Instrucciones

Camper Cat está organizando un torneo de Mortal Kombat y quiere preguntar a sus competidores para ver qué fecha resulta mas conveniente. Agregue una etiqueta de input con un atributo de type de "date", un atributo de id de "pickdate" y un atributo de name de "date".

## Pruebas

```yml tests: - text: Tu código debe agregar una etiqueta de input para el campo selector de fecha. testString: 'assert($("input").length == 2, "Your code should add one input tag for the date selector field.");' - text: Tu etiqueta de input debe tener un atributo de type con un valor de "date". testString: 'assert($("input").attr("type") == "date", "Your input tag should have a type attribute with a value of date.");' - text: Tu etiqueta de input debe tener un atributo id con un valor de "pickdate". testString: 'assert($("input").attr("id") == "pickdate", "Your input tag should have an id attribute with a value of pickdate.");' - text: Tu etiqueta de input debe tener un atributo de name con un valor de "date". testString: 'assert($("input").attr("name") == "date", "Your input tag should have a name attribute with a value of date.");' ```

## Challenge Seed

```html

Torneos

Encuesta para el Toneo de Mortal Kombat

```

## Solución

```js // solution required ```