Hola me puede decir alguien o explicar sobre este ejercicio. no logro entender

Español HTML-CSS
1

Cuéntanos qué está pasando:
Describe tu problema en detalle aquí.

  **Tu código hasta el momento**


<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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>
<form action="https://www.freecatphotoapp.com/submit-cat-photo">

  <label for="indoor">
<input id="indoor" value="indoor" type="radio" name="indoor-outdoor">Indoor
</label>

<label for="outdoor">
<input id="outdoor" value="outdoor" type="radio" name="indoor-outdoor">Outdoor
</label>

<label for="indoor">
<input id="indoor" value="laving" type="radio" name="indoor-outdoor">Indoor
</label>

</main>

  **Información de tu navegador:**

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.54 Safari/537.36

Desafío: Usa el atributo value con botones de radio y casillas de verificación

Enlaza al desafío:

2

Hola @carlos.ubjimenez ,

Quitaste todas las casillas de verificación del código original. Necesitas agregarlos de nuevo o reiniciar el desafío.

Luego, agregue el atributo value tal como lo hiciste con los botones de radio.

También solo tiene dos botones de radio. No necesitas este:

Espero que esto te ayude!

3

hola realizo el desafio pero no puede entender bien como realizarlo.

Indoor

Outdoor

Uno de sus botones de radio debe tener el value atributo de indoor .

Uno de sus botones de radio debe tener el value atributo de outdoor .

Una de sus casillas de verificación debe tener el value atributo de loving .

Una de sus casillas de verificación debe tener el value atributo de lazy .

Una de sus casillas de verificación debe tener el value atributo de energetic .

4

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**


<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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>
<form action="https://www.freecatphotoapp.com/submit-cat-photo">

<label for="indoor">
<input id="indoor" value="indoor" type="radio" name="indoor-outdoor">Indoor
</label>

<label for="outdoor">
<input id="outdoor" value="outdoor" type="radio" name="indoor-outdoor">Outdoor
</label><br>

<label for="loving"><input id="loving" type="checkbox"  name="personality" value="loving"> Loving</label>

<label for="lazy"><input id="lazy" type="checkbox"  name="personality" value="lazy"> lazy</label>

<label for="energetic"><input id="energetic" type="checkbox"  name="personality" value="energetic"> energetic</label>

</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.54 Safari/537.36

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

5

Hi Carlos!

¿Habla usted Inglés? Tengo que usar un traductor para español.

We don’t know what the error is, or how well you understand English.

Hay foros en español aquí si prefieres español. Estos son los foros en inglés.

6

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**


<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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>
<form action="https://www.freecatphotoapp.com/submit-cat-photo">

<label for="indoor">
<input id="indoor" value="indoor" type="radio" name="indoor-outdoor">Indoor
</label>

<label for="outdoor">
<input id="outdoor" value="outdoor" type="radio" name="indoor-outdoor">Outdoor
</label><br>

<label for= "loving"><input id= "loving" type= "checkbox" name= "interior"> loving</label>

<label for= "jara jara"><input id= "jara jara" type= "checkboxes" name= "personality"> jara jara</label>

<label for= "Gatos"><input id= "Gatos" type= "checkboxes" name= "personality"> Gatos</label>
</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.54 Safari/537.36

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

7

Hi Carlos,
try to fix these:

  1. jara jara - should be jarajara - without the interval;
  2. type= “checkboxes” - should be type=“checkbox” (as for loving). Correct this for jarajara and for Gatos;
  3. Your code is missing form closing element before the closing element.
    Good luck. Emil
8

is that spanish?
you can do the challenge in spanish if it would be mroe helpful for you:

HTML básico y HTML5: Usa el atributo value con botones de radio y casillas de verificación | freeCodeCamp.org

9

En primer lugar, ha agregado muchos cambios a su código. Se supone que solo debe agregar lo que se le pide.

Señalaré algunos de los errores que ha cometido. Intente corregirlos.

Agregar un atributo value es tan simple, solo necesita agregar: value = "texto" al elemento de entrada input que desea de esta manera :

<input value="texto">

Añadir el atributo value a este input será así:

<label for="loving">
 <input id="loving" type="checkbox" name="interior" value="loving"> Loving
</label>

Luego, las pruebas son muy exigentes, así que asegúrate de que la L en Loving esté en mayúsculas.

Ahora haga lo mismo con las otras casillas de verificación.

Otros errores en su código :

La sintaxis para una entrada de casilla de verificación es :

<input type="checkbox"> // Y no checkboxes

No debe agregar un espacio después del atributo= , es confuso. Deberías escribirlo de esta manera :

id="loving" type="checkbox"

No debe usar espacio en el atributo id también.

Asegúrese de que las casillas de verificación del mismo grupo utilicen el mismo valor en el atributo name. Que en este desafío es :

name="personality"

También te falta la parte final del código, así que agrégala o inicia el desafío.

Si todavía tienes alguna pregunta, no dudes en preguntar.