Learn HTML Forms by Building a Registration Form - Step 18

HTML-CSS
1

Tell us what’s happening:
I can’t seem to correctly complete this part of the code, can anyone help 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" for="first-name"></label>
        <label>Enter Your Last Name: 
          <input id="last-name" for="last-name"></label>
        <label>Enter Your Email: 
          <input id="email" for="email"></label>
        <label>Create a New Password: 
          <input id="new-password" for="new-password"></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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.4 Safari/605.1.15

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

Link to the challenge:

2

Hello KJON35 welcome to the community,
You just need to link the input element with the respective label element. In order to perform the challenge you need to set the value of id attribute inside input tag as per the id given in the instruction.
In order to link the label element you just need to add a “for” attribute with the corresponding value.

You can use the below mentioned syntax

<element attribute="value"></element>
3

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