# Aprende formularios HTML construyendo un formulario de registro - Paso 39

**URL:** <https://forum.freecodecamp.org/t/aprende-formularios-html-construyendo-un-formulario-de-registro-paso-39/687298>\
**Category:** General\
**Tags:** español\
**Created:** [April 26, 2024, 1:56pm UTC](https://forum.freecodecamp.org/t/aprende-formularios-html-construyendo-un-formulario-de-registro-paso-39/687298 "2024-04-26T13:56:54Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![jgurpdev](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jgurpdev/32/358012_2.png) [@jgurpdev](https://forum.freecodecamp.org/u/jgurpdev)\
**Post date:** [April 26, 2024, 1:56pm UTC](https://forum.freecodecamp.org/t/aprende-formularios-html-construyendo-un-formulario-de-registro-paso-39/687298/1 "2024-04-26T13:56:54Z")

</div>

### Tell us what’s happening:

Estoy en duda y no puedo avanzar, existe alguna forma de conectar los id todos juntos.

### Your code so far

```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>
        <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 id="profile-picture" type="file" /></label>
        <label>Input your age (years): <input id="age" type="number" min="13" max="120" /></label>
        <label>How did you hear about us?
          <select id="referrer">
            <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 id="profile-picture", 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>

```

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

### Challenge Information:

Aprende formularios HTML construyendo un formulario de registro - Paso 39

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

---

<div class="post-metadata">

**Author:** ![Teller](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/teller/32/412338_2.png) [@Teller](https://forum.freecodecamp.org/u/Teller)\
**Post date:** [April 27, 2024, 4:48am UTC](https://forum.freecodecamp.org/t/aprende-formularios-html-construyendo-un-formulario-de-registro-paso-39/687298/2 "2024-04-27T04:48:58Z")

</div>

Hola @jgurpdev

> [@jgurpdev](#):
>
> `<textarea id="profile-picture", id="bio" ></textarea>`

Elimine este código del elemento _textarea_.

> [@jgurpdev](#):
>
> `profile-picture", `

El atributo _id_ se utiliza para identificar de forma única un elemento específico, por lo que solo necesitan uno.

Los mensajes de error le mostrarán cómo progresar.

Feliz codificación

---

<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, 2:16pm UTC](https://forum.freecodecamp.org/t/aprende-formularios-html-construyendo-un-formulario-de-registro-paso-39/687298/3 "2025-01-07T14:16:09Z")

</div>


