Learn HTML Forms by Building a Registration Form - Step 18

Receiving error message indicating first input element should have id of first-name. Tested code on Chrome browser and it worked fine. Is this a known issue with Firefox on Ubuntu?

Your code so far

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

<!-- 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 (X11; Ubuntu; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/114.0

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 18

1 Like

Did you check in incognito/private mode? Often extensions can cause problems.


I forgot about the extensions warning. I submitted and moved on using Chrome. If I encounter a similar issue I will open in Incognito/Private and see if that resolves the issue.

Thank you for the prompt response.


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