Design a Registration Form - Step 21

HTML-CSS
1

Tell us what’s happening:

PersonalBusiness No entiendo porqué me dice << You should give the second "label" the text "Business".

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Registration Form</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <h1>Registration Form</h1>
    <p>Please fill out this form with the required information</p>
    <form method="post" action='https://register-demo.freecodecamp.org'>
      <fieldset>
        <label for="first-name">Enter Your First Name: <input id="first-name" type="text" required /></label>
        <label for="last-name">Enter Your Last Name: <input id="last-name" type="text" required /></label>
        <label for="email">Enter Your Email: <input id="email" type="email" required /></label>
        <label for="new-password">Create a New Password: <input id="new-password" type="password" pattern="[a-z0-5]{8,}" required /></label>
      </fieldset>
      <fieldset>

<!-- User Editable Region -->

        <label for="personal">Personal<input type="radio" name="personal" id="personal" value="personal/></label>
        <br>
        <label for="business">Business
      <input type="radio" id="business" name="Business" value="business">
      </label>
        

<!-- User Editable Region -->

      </fieldset>
      <fieldset>
      
        
      </fieldset>
      <input type="submit" value="Submit" />
    </form>
  </body>
</html>

/* file: styles.css */
body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32;
  color: #f5f6f7;
}

label {
  display: block;
  margin: 0.5rem 0;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:137.0) Gecko/20100101 Firefox/137.0

Challenge Information:

Design a Registration Form - Step 21

2

You are missing quotes on one of your attributes.

1 Like
3

No entiendo, me di cuenta que faltaban cerrar “” pero siguie igual. Estoy enpezando en Codigo y me está costando bastante por 0 inglés

4

Look closely here, please.

5

¡Hola! :waving_hand:
Está totalmente bien si el inglés no es tu fuerte en este momento — ¡siempre puedes mejorar! Plataformas como las lecciones de inglés de FreeCodeCamp, Duolingo, o incluso canales de YouTube son excelentes para aprender a tu ritmo. ¡Sigue así! Aprender paso a paso es la clave.

Sobre tu código:

Tienes algunos errores:

  1. La etiqueta <br> no es necesaria — la lección no lo pidió, así que puedes eliminarla.
  2. El input para “personal” tiene una comilla (") faltante en el atributo value, eso causa un error de sintaxis.
  3. La lección no te pidió personalizar id, name o value, así que mantenlos por defecto.
  4. Asegúrate de que el texto (“Personal”, “Business”) esté después del input y que tenga un espacio antes dentro del <label>.

Vas muy bien — solo sigue exactamente lo que te pide el ejercicio, ni más ni menos. ¡Tú puedes!

1 Like
6

Muchas gracias llevo 3 meses viendo videos de html css y js pero me cuesta recordar todo, de cursos hize algo con google app ,sololearn y por supuesto FreeCodeCamp. A ver si consigo mejorar algo. Gracias de nuevo.

1 Like
7

¡Mucho gusto en conocerte! :blush:
Ya estás haciendo un gran trabajo — 3 meses aprendiendo HTML, CSS y JavaScript es impresionante. Es totalmente normal olvidar cosas al principio, así que no te preocupes. Aprender a programar lleva tiempo y práctica.

Mencionaste que hiciste algunos cursos con Google, Sololearn y por supuesto FreeCodeCamp — todos son excelentes plataformas. Definitivamente te recomiendo seguir con ellos.

Pero para practicar a diario, te sugiero usar la app Duolingo. Es muy útil para mejorar tu inglés, y solo necesitas de 5 a 15 minutos al día. Créeme, te ayudará mucho con el tiempo.

También, concéntrate primero en HTML, CSS y JavaScript. Una vez que te sientas cómodo con eso, será mucho más fácil entender el backend y frameworks como Node.js, React o Python.

Si alguna vez tienes algún problema, no dudes en escribirme. Estaré feliz de ayudarte en lo que pueda. ¡Sigue así — vas por buen camino! :flexed_biceps:

1 Like