# Aprende formularios HTML construyendo un formulario de registro - Paso 38 Vincule los elementos de formulario aplicables y con sus elementos label. Utiliza pr

**URL:** <https://forum.freecodecamp.org/t/aprende-formularios-html-construyendo-un-formulario-de-registro-paso-38-vincule-los-elementos-de-formulario-aplicables-y-con-sus-elementos-label-utiliza-pr/598422>\
**Category:** General\
**Tags:** español\
**Created:** [March 14, 2023, 11:28pm UTC](https://forum.freecodecamp.org/t/aprende-formularios-html-construyendo-un-formulario-de-registro-paso-38-vincule-los-elementos-de-formulario-aplicables-y-con-sus-elementos-label-utiliza-pr/598422 "2023-03-14T23:28:27Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![brahiamstiven69](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/brahiamstiven69/32/309399_2.png) [@brahiamstiven69](https://forum.freecodecamp.org/u/brahiamstiven69)\
**Post date:** [March 14, 2023, 11:28pm UTC](https://forum.freecodecamp.org/t/aprende-formularios-html-construyendo-un-formulario-de-registro-paso-38-vincule-los-elementos-de-formulario-aplicables-y-con-sus-elementos-label-utiliza-pr/598422/1 "2023-03-14T23:28:27Z")

</div>

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

**Tu código hasta el momento**

```html
<!-- 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>
              <input id="profile-picture" id="age" id="referrer" id="bio" /><textarea></textarea>
        </label>
      </fieldset>

<!-- User Editable Region -->

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

```

```css
/* 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/111.0.0.0 Safari/537.36`

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

**Enlaza al desafío:**

> **[freeCodeCamp.org](https://www.freecodecamp.org/espanol/learn/2022/responsive-web-design/learn-html-forms-by-building-a-registration-form/step-38)**
>
> Aprende a programar, ¡GRATIS!

---

<div class="post-metadata">

**Author:** ![brahiamstiven69](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/brahiamstiven69/32/309399_2.png) [@brahiamstiven69](https://forum.freecodecamp.org/u/brahiamstiven69)\
**Post date:** [March 14, 2023, 11:29pm UTC](https://forum.freecodecamp.org/t/aprende-formularios-html-construyendo-un-formulario-de-registro-paso-38-vincule-los-elementos-de-formulario-aplicables-y-con-sus-elementos-label-utiliza-pr/598422/2 "2023-03-14T23:29:22Z")

</div>

no meda y no se porque

---

<div class="post-metadata">

**Author:** ![r5.m5.g5.55](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/r5.m5.g5.55/32/276457_2.png) [@r5.m5.g5.55](https://forum.freecodecamp.org/u/r5.m5.g5.55)\
**Post date:** [March 14, 2023, 11:58pm UTC](https://forum.freecodecamp.org/t/aprende-formularios-html-construyendo-un-formulario-de-registro-paso-38-vincule-los-elementos-de-formulario-aplicables-y-con-sus-elementos-label-utiliza-pr/598422/3 "2023-03-14T23:58:16Z")

</div>

¡Hola!

@ [brahiamstiven69](https://forum.freecodecamp.org/u/brahiamstiven69)

Lo que tienes que hacer es vincular los elementos `<input>`, `<input>`, `<select>` y `<textarea>` con los elementos `<label>` que los contienen.

La vinculacion se hace mediante el atributo ` id` de los elementos que te mencione, el cual debe ser igual que el atributo `for` de los elmentos `label`.

Para que te sea mas facil, te ayudare con el primer `<input>`.

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

El vinculo se logra con el siguiente codigo:

> ` for="profile-picture"`  
> ` id="profile-picture"`

saludos

---

<div class="post-metadata">

**Author:** ![brahiamstiven69](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/brahiamstiven69/32/309399_2.png) [@brahiamstiven69](https://forum.freecodecamp.org/u/brahiamstiven69)\
**Post date:** [March 15, 2023, 4:56pm UTC](https://forum.freecodecamp.org/t/aprende-formularios-html-construyendo-un-formulario-de-registro-paso-38-vincule-los-elementos-de-formulario-aplicables-y-con-sus-elementos-label-utiliza-pr/598422/4 "2023-03-15T16:56:37Z")

</div>

muchas gracias me di cuenta que tenia un error muchas gracias por tu ayuda es muy util

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 7, 2025, 3:38pm UTC](https://forum.freecodecamp.org/t/aprende-formularios-html-construyendo-un-formulario-de-registro-paso-38-vincule-los-elementos-de-formulario-aplicables-y-con-sus-elementos-label-utiliza-pr/598422/5 "2025-01-07T15:38:39Z")

</div>


