Aprende formularios HTML construyendo un formulario de registro - Paso 38

Buenas, me pide crear un input con el id “profile-picture”, lo hago pero debo estar haciendo algo mal :frowning:

Dejo el Step:

Paso 38

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.

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>
        <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 <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
        </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>Provide a bio:
          <textarea></textarea>
        </label>
        <label for="profile-picture"><input id="profile-picture"/></label>     
      </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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36

Desafío: Aprende formularios HTML construyendo un formulario de registro - Paso 38

Enlaza al desafío:

Hola Cayetanolupo!

El label que has creado junto con su respectivo input debajo del textarea no debería existir.

La solución es más sencilla, básicamente tendrías que ingresar para cada label e input los atributos for y id con los valores que correspondan de acuerdo al tipo de dato que se le estaría solicitando al usuario al completar el formulario.

Como ejemplo, el primer label llevaría el valor for="profile-picture" y su input llevaría el valor id="profile-picture". Asi tendrías que ir ingresando los demás valores para el resto de los elementos.

<label for="profile-picture">Upload a profile picture: 
    <input id="profile-picture" type="file" />
</label>

Espero haber sido de ayuda, cualquier cosa no dudes en volver a consultar. Gracias y saludos!

1 Like

Ala, uno se complica mucho a veces, gracias!

1 Like

oye, cayetano.como solucionaste ese punto. No he podido

1 Like