Learn HTML Forms by Building a Registration Form - Step 33

HTML-CSS
1

Tell us what’s happening:
Just don’t know what I’m doing wrong.

Describe your issue in detail here.
Where to label ? what to do ? very unclear here
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 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>
      <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 bout us? <select></label>
          <option></option>
          <option></option>
          <option></option>
          <option></option>
          <option></option>
        </select> 
      </fieldset>
      <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/106.0.0.0 Safari/537.36

Challenge: Learn HTML Forms by Building a Registration Form - Step 33

Link to the challenge:

2

the instructions in the exercise say where and what to do. Here they are again for your reference:

Nest the select element (with its option elements) within a label element with the text How did you hear about us? . The text should come before the select element.

if you don’t understand something, please be specific about what you didn’t understand.

3

Alright, so I did;

      <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 bout us? <select></label>
          <option></option>
          <option></option>
          <option></option>
          <option></option>
          <option></option>
        </select> 
      </fieldset>

However, I don’t understand what I should be correcting even though I’m reading the instructions.

4

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

5

instead of placing the closing label tag after the opening tag of select, you should move it so that the whole select element is inside it.

the select element is everything from the starting opening tag to the closing tag (and everything in between)

1 Like
6

Hi I’ve put the label at the end but still get this error:

Hint

You should give the label element the text How did you hear about us?

        <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 bout us  <select>
          <option></option>
          <option></option>
          <option></option>
          <option></option>
          <option></option>
        </select></label>
      </fieldset>
7

you have a typo in the label text. please compare it carefully to what they asked for.

1 Like
8

oh thank you so much, I can’t believe I didn’t see it :slight_smile:

1 Like
9

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