Learn HTML Forms by Building a Registration Form - Step 18

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

<!-- User Editable Region -->

      <fieldset>
        <label for="fist name">Enter Your First Name: <input fist-name/></label>
        <label for="last name">Enter Your Last Name: <input last-name/></label>
        <label for="email">Enter Your Email: <input email/></label>
        <labelfor="new password" >Create a New Password: <input last-name/></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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36 OPR/97.0.0.0

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

Link to the challenge:

2

You need to use the exact values for the id’s as giving in the instructions. For example, you used fist name, which has a misspelling and is missing the dash between the two words.

Also, when adding an id to an element, you need to use the following pattern:

name="value"

Where you replace name with the name of the attribute (id in this case) and you replace value with the value you want to give the id. You used this pattern when you added the for attribute on the labels. You need to do the same thing for the ids on the inputs.