Learn HTML Forms by Building a Registration Form - Step 40

Tell us what’s happening:
Describe your issue in detail here.
I’m still stuck on this one, I’ve passed all the other challenges except this one, I keep trying to go back later re-read the directions, read some of the other aides given, but I still don’t get what I’m suppose to do

  **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 eg name="fname" for="first-name">Enter Your First Name: <input id="first-name" name="first-name" type="text" required /></label>
      <label eg name="lname" for="last-name">Enter Your Last Name: <input id="last-name" name="last-name" type="text" required /></label>
      <label eg name="email" for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
      <label eg name="password" for="new-password">Create a New Password: <input id="new-password" name="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" name="terms-and-conditions">
        <input id="terms-and-conditions" type="checkbox" required name="terms-and-conditions" /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
      </label>
    </fieldset>
    <fieldset>
      <label for="profile-picture">Upload a profile picture: <input id="profile-picture" 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" name="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>
    <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 (iPhone; CPU iPhone OS 15_6_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6.1 Mobile/15E148 Safari/604.1

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

Link to the challenge:

A few of your lines have “eg” inside the opening tags.

What is the purpose of this “eg”

(This exercise just wanted you to add a name attribute…)

p.s. some of your input elements are also missing the requested name attribute, so double check that as well.

I’ve added the name attributes and suppose to add it to every element. I guess I’m not understanding which are submittable(label, input, select, option etc)




Submittable are things the user interacts with. (Or things the user changes in some way)

Checkboxes for eg, textarea,

Labels are not submittable as they do not change due to a user action.
(Based on my count, there are 9 submittables in the index.html file)

1 Like

Thank you, I finally got it!

2 Likes

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