Learn HTML Forms by Building a Registration Form - Step 35

HTML-CSS
1

Tell us what’s happening:

it says i should nest only the select element within the label. i did but not allowed. my code is How did you hear about us?
what is wrong wit my code?

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>Upload a profile picture: <input type="file" /></label>
        <label>Input your age (years): <input type="number" min="13" max="120" /></label>
        <select>
          <option></option>
          <option></option>
          <option></option>
          <option></option>
          <option></option>
        </select>
        <label>How did you hear about us?<select>
        </select></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/123.0.0.0 Safari/537.36

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 35

2

Hello!
So your select should be nested in a label element. Remember nesting is when you add things between the element opening and closing tag. The label element will have the text of How did you hear about us?
I recommend that you reset your code and try again.
Order of code:

label opening tag with instructed text
select opening tag
option elements
select closing tag
label closing tag
3

i reset it but i am taking same error :frowning:

4

Okay, if you did edit it, then reset it again. Then before your select opening tag add a label opening tag. And after your select closing tag add a label closing tag.
And then in-between your label opening tag and your select opening tag, add the text How did you hear about us? Then click the Check your code button.
If you are still struggling, please post your updated code here, so that we can assist.

5

codesame thing i did. still not working

6

You are not supposed to create a new select. Reset your code again.
Then nest the existing select in a label element. This is your existing select:

Then after your label opening tag add the text How did you hear about us?

7

that is right! thank you so much, it worked :slight_smile: :heart_decoration:

1 Like
8

You are welcome, Happy coding!

1 Like
9

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