Learn HTML Forms by Building a Registration Form - Step 36

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail 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 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="1-4">(1-4)</option>
            <option>freeCodeCamp News</option>
            <option>freeCodeCamp YouTube Channel</option>
            <option>freeCodeCamp Forum</option>
            <option>Other</option>
          </select>
        </label>
      </fieldset>

<!-- User Editable Region -->

      <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/117.0.0.0 Safari/537.36

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

Link to the challenge:

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

3

Hi, first of all, let me say that I have just started learning and I am a few lessons ahead of you. I hope I don’t give the wrong answer.

In this step, we assign a value to each option in the dropdown menu we have created and inform the server which option the user has selected when the user presses the submit button.

but as far as I can see, you have only assigned the value “1-4” to the first option and the other options have no value. in this way, when one of the other 4 options is selected, no value is transmitted to the server. i don’t want to write the answer explicitly, but i can say that you need to assign a value to each option in a proper and sequential order.

4

Hello!
I believe the options are for the first option value is "" , and the other four should have the option values of the numbers to meet their place on the list 1, 2, 3, 4 or as you stated sequential order, which is in the instructions.
I am guessing based on the information you provided.

Please post the complete code for the step you are currently on using the </> at the top of this text area box when asking a question?
This allows for direct and correct responses to your questions by the community!

Keep moving forward on your coding path. :slight_smile:

1 Like
5

Hi as per the question you have add value to option value in an ascending order
option value=“”
option value=“1”
and so on…

6

Well try :ok_hand: buddy but you need to add it in ascending order from top to below:

value=""
value="1"
This how you can do it hope you understand :blush:

7

Welcome to the community!

Though it appears there may have been a bit of misunderstanding of the instructions ( or maybe it is misunderstanding by me of your post,) we all have those times.

You are going great!

Keep up your good progress! :slight_smile: