Learn HTML Forms by Building a Registration Form - Step 18

HTML-CSS
1

Tell us what’s happening:

Good day folks… input on the second label is supposed to have an Id attribute. Which I have written. What am I missing please?

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 >Enter Your First Name: <input id="first-name"><input/></label>
        <label>Enter Your Last Name: <input id="last-name"><input/></label>
        <label>Enter Your Email: <input id="email"><input/></label>
        <label>Create a New Password: <input id="new-password"><input/></label>
      </fieldset>

<!-- User Editable Region -->

      <fieldset></fieldset>
      <fieldset></fieldset>
    </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 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Mobile Safari/537.36

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 18

2

hi there!
you did not have the for attribute within label, that have matching value as the id of input element. also remember, the input element is self closing, that not need the closing tag.

1 Like