<sectionid="description"> Puede usar <code>radio buttons</code> para preguntas en las que desea que el usuario solo le dé una respuesta entre múltiples opciones. Los botones de radio son un tipo de <code>input</code> . Cada uno de sus botones de radio puede estar anidado dentro de su propio elemento de <code>label</code> . Al envolver un elemento de <code>input</code> dentro de un elemento de <code>label</code> , asociará automáticamente la entrada del botón de opción con el elemento de etiqueta que lo rodea. Todos los botones de opción relacionados deben tener el mismo atributo de <code>name</code> para crear un grupo de botones de opción. Al crear un grupo de radio, la selección de cualquier botón de radio deseleccionará automáticamente los otros botones dentro del mismo grupo, lo que garantiza que el usuario solo proporcione una respuesta. Aquí hay un ejemplo de un botón de radio: <blockquote><label><br><input type = "radio" name = "indoor-outdoor"> Indoor <br></label></blockquote> Se considera una buena práctica establecer un atributo <code>for</code> en el elemento de <code>label</code> , con un valor que coincida con el valor del atributo <code>id</code> del elemento de <code>input</code> . Esto permite que las tecnologías de asistencia creen una relación vinculada entre la etiqueta y el elemento de <code>input</code> secundario. Por ejemplo: <blockquote><label for = "indoor"><br><input id = "indoor" type = "radio" name = "indoor-outdoor"> Indoor <br></label></blockquote></section>
<sectionid="instructions"> Agregue un par de botones de opción a su formulario, cada uno anidado en su propio elemento de etiqueta. Uno debe tener la opción de <code>indoor</code> y la otra debe tener la opción de <code>outdoor</code> . Ambos deben compartir el atributo de <code>name</code> de <code>indoor-outdoor</code> para crear un grupo de radio. </section>
testString: 'assert($("label > input[type="radio"]").filter("[name="indoor-outdoor"]").length > 1, "Give your radio buttons the <code>name</code> attribute of <code>indoor-outdoor</code>.");'
testString: 'assert($("label > input[type="radio"]:only-child").length > 1, "Each of your two radio button elements should be nested in its own <code>label</code> element.");'
testString: 'assert((code.match(/<\/label>/g) && code.match(/<label/g)&&code.match(/<\/label>/g).length === code.match(/<label/g).length),"Makesureeachofyour<code>label</code> elements has a closing tag.");'
testString: 'assert($("label").parent().get(0).tagName.match("FORM"), "Each of your radio button elements should be added within the <code>form</code> tag.");'
```
</section>
## Challenge Seed
<sectionid='challengeSeed'>
<divid='html-seed'>
```html
<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <ahref="#">cat photos</a>.</p>
<ahref="#"><imgsrc="https://bit.ly/fcc-relaxing-cat"alt="A cute orange cat lying on its back."></a>