Aprende formularios HTML construyendo un formulario de registro - Step 39

Español HTML-CSS
1

Tell us what’s happening:

Intente de muchas maneras resolverlo pero no puedo avanzar
Si me pueden ayudar se lo agredeceria ya que estoy hace 2 dias con esto

A resolver:
Vincule los elementos de formulario aplicables y con sus elementos label.

Utiliza profile-picture, age, referrer y bio como valores para los respectivos atributos id.

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

<!-- User Editable Region -->

      <fieldset>
        <label>Upload a profile picture: <input type="file" /></label>
        <label>Input your age (years): <input type="number" min="13" max="120" /></label>
        <label>How did you hear about us?
          <select>
            <option value="">(select one)</option>
            <option value="1">freeCodeCamp News</option>
            <option value="2">freeCodeCamp YouTube Channel</option>
            <option value="3">freeCodeCamp Forum</option>
            <option value="4">Other</option>
          </select>
        </label>
      <label for='bio'>Provide a bio:
          <textarea id='bio'></textarea>
          
        </label>
      </fieldset>

<!-- User Editable Region -->

      <label for="terms-and-conditions">
        <input id="terms-and-conditions" type="checkbox" required /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
      </label>
      <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:

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

Challenge Information:

Aprende formularios HTML construyendo un formulario de registro - Step 39

2

¡Hola! Sugiero usar lo siguiente de su código como referencia sobre cómo ingresar el atributo ‘’‘for’‘’ en la etiqueta y el atributo ‘’‘id’‘’ en los elementos de entrada y selección. ¡Sigan con el buen progreso!

Hello!

I suggest using the following from your code as a reference on how to enter the forattribute into the label, and the id attribute into the input and select elements.

Keep up the good progress!

3

Hola gracias por responder, pero no me sirvio sigo atascada en este paso. Intente de muchas formas pero me sigue saltando error y que falta el input

4

¡Hola! Lamento que no haya sido útil. Aquí es donde el atributo for debe ingresarse en la etiqueta y el atributo id debe ingresarse para tener éxito. Parece que la biografía ya se ha completado correctamente.

¡Feliz programación y Feliz Año Nuevo!

Hello! I am sorry that it did was not helpful. Here is where the for attribute needs to be entered into the label and the id attribute needs to be entered into for success. It appears the bio has already been completed correctly.

Happy coding and Happy New Year!