Learn HTML Forms by Building a Registration Form - Step 17

Enter Your First Name:

Enter Your Last Name:

Enter Your Email:

Create a New Password:

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <title>Registration Form</title>
    <link rel="stylesheet" href="styles.css" />
    <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 -->

  <label for="first-name-input">Enter Your First Name:</label>
  <input type="text" id="first-name-input">
  <label for="last-name-input">Enter Your Last Name:</label>
  <input type="text" id="last-name-input">
  <label for="email-input">Enter Your Email:</label>
  <input type="email" id="email-input">
  <label for="password-input">Create a New Password:</label>
  <input type="password" id="password-input">

<!-- User Editable Region -->

/* 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/ Safari/537.36

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

Link to the challenge:

The inputs need to be nested withing the label element. You have added them after the label element.

Also, do not add any attributes to the inputs. The only thing you should add is an empty opening label tag.

Yeah thankyou… Completely stumped me, but soon worked it out. Thankyou for your time

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