Learn HTML Forms by Building a Registration Form - Step 39

HTML-CSS
1

Tell us what’s happening:

I cannot get this right, the hint says the select element should have a “referrer” but when i create the input id “referrer” it just creates another box! help!!!

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

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 39

Blockquote

2

Welcome to the forum @anabelenlaterza04

The select element should have an id of referrer .

You have a for attribute for the element.

Happy coding

2 Likes
3

removed solution code

4

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

5

I am sorry. I agree with you. I am new to the forum. Thanks for the feedback :slightly_smiling_face:.

1 Like
6

I’ll be mindful of this in my future reply posts.

2 Likes
7

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.