Design a Registration Form - Step 37

HTML-CSS
1

Tell us what’s happening:

why is this step like this, come on guys, provide a better task

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'>

<!-- User Editable Region -->

        <fieldset>
        <label for="first-name">
          Enter Your First Name: <input name="aaa" id="first-name" type="text" required />
          </label>
        <label for="last-name">Enter Your Last Name: <input name="aaas"  id="last-name" type="text" required /></label>
        <label for="email">Enter Your Email: <input name="aaas"  id="email" type="email" required /></label>
        <label   for="new-password">Create a New Password: <input name="aaga" 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>
      <fieldset>
        <label for="profile-picture">Upload a profile picture: <input id="profile-picture" name="aaass" type="file"/></label>
        <label for="age">Input your age (years): <input id="age" type="number" min="13" max="120" /></label>
        <label for="referrer">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 for="bio">Provide a bio:
          <textarea id ="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
        </label>
      </fieldset>
      <label for="terms-and-conditions">
        <input id="terms-and-conditions" type="checkbox" required name="asaa" /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
      </label>

<!-- 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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36

Challenge Information:

Design a Registration Form - Step 37

2

what issue are you having with this step?

3

Welcome to the forum :wave:

Do you need help or is this just a whining complaint about a free and open source learning platform?

If you have constructive ideas you can actually contribute to the platform and make it better. If you just want to whine and complain I’m afraid it’s just a waste of everyone’s time, including yours.

Which kind of post is this?

4

Thank you for your comment. I realize now that my original post wasn’t clear, and I appreciate the chance to clarify.

I wasn’t trying to complain for the sake of it or disrespect the platform in any way — I’m genuinely grateful for the free resources and the learning community here. My point was that this specific step (adding unique name attributes to each input) felt more like busywork rather than something that deepens understanding.

I was trying to share feedback from a learner’s perspective. Maybe the instruction could include a brief explanation of why this repetition is valuable or how it connects to form submission in practice. That would help make the step feel more meaningful and less like just a task to complete.

Again, I didn’t mean to waste anyone’s time — just sharing my experience in case it’s helpful.

1 Like
5

The issue I’m having with this step isn’t technical — I understand how to add name attributes to inputs. The problem is that it feels repetitive without adding new value at this point in the lesson.

The task asks me to manually add unique name attributes to several inputs, There’s no explanation of why this repetition is important or what it teaches beyond what’s already been covered.

From a learner’s perspective, it feels more like a mechanical task than a meaningful learning moment. I think the same learning goal could be achieved with a more concise or purposeful instruction.

Hope that explains where I’m coming from.

6

in coding there are also boring tasks, adding a name is a step that we have to do

what would you suggest to improve the step, considering that we need to add a name to the elements?

7

Great reply, thank you. I definitely get that, and feel the same for many tasks.

However,

Programming and making webpages has a lot of typing like this. Ideally you would type everything in the most efficient way but sometimes that just isn’t possible. Some steps are very easy but tedious and some are complicated and make your brain sweat. I would just take the easy/tedious steps as they come.

Repetition like this is a good way to remember things when you are learning something new. In future lessons this is addressed to a degree. If you have a JS task some/all of the HTML/CSS will already be written for you.

You can use tricks like designing a spreadsheet or a program to create HTML for you by using variables but that can take a lot of work to set up and sometimes just updating 10 HTML elements manually is just the fastest way to get it done.

You could copy the code into a text editor and use find/replace in some cases. The fCC editor does have a lot of features that you might not be aware of. If you press F1 you can explore those, they might help with some tasks.

For now I would just accept it as part of the learning process. Nothing is perfect you just have to make it through. If you have a concrete and specific idea of how to improve the material it could be implemented. Right now you have some constructive criticism but no idea for a solution.

1 Like