Learn HTML Forms by Building a Registration Form - Step 17

i nest the input in the label and for some reason it is not working.

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 type="text" />
         </label>
       
        <label>  
          Enter Your Last Name: <input type="text" />
          </label>
        <label>    
          Enter Your Email: <input type="text" />
        </label>
        
        <label>
          Create a New Password: <input type="text" />
          </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/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

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

Link to the challenge:

You have the right idea. It just doesnā€™t want you to add the type= attribute yet. I believe it wants the input element to be empty

1 Like

Welcome to the forum.
As stated in the previous response by fourleagues, the input elements should not contain anything at this point. Once the elements are cleared of any addition information, the code should pass.
Happy coding! :slight_smile:

1 Like