Aprende formularios HTML construyendo un formulario de registro - Paso 30

Cuéntanos qué está pasando:

Ya tengo este codigo pero me sigue diciendo que debo añadir un elemento label despues del tercer elemento label

Tu código hasta el momento

<!-- 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>
        <legend>Account type (required)</legend>
        <label for="personal-account"><input id="personal-account" type="radio" name="account-type" checked /> Personal</label>
        <label for="business-account"><input id="business-account" type="radio" name="account-type" /> Business</label>
      </fieldset>
      <fieldset></fieldset>

<!-- User Editable Region -->

<fieldset>
    <label for="personal-account"><input id="personal-account" type="radio" name="account-type" /> Personal Account</label>
    <label for="business-account"><input id="business-account" type="radio" name="account-type" /> Business Account</label>
    <label for="terms-and-conditions"><input id="terms-and-conditions" type="checkbox" required /> I accept the terms and conditions</label><a href="https://www.freecodecamp.org/news/terms-of-service/">Terms and conditions </a>
  </fieldset>

<!-- User Editable Region -->

      <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;
}

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36

Información del Desafío:

Aprende formularios HTML construyendo un formulario de registro - Paso 30

Hola @santidelavega

Aquí hay una comparación del código original y su código.

El código en azul es el código original, el código en rojo es su código.
El código en magenta es la superposición.

Agregaste código adicional, que no se menciona en las instrucciones.

Restablezca el paso para restaurar el código original.

Coloque un elemento de etiqueta debajo del tercer elemento “fieldset”.

Luego consulte las instrucciones para el resto del código.

Feliz codificación

gracias a tu mensaje pase de tarea con facilidad
gracias

1 Like