Did not apply to the rest but the first line but this is the error I’m getting
" The first input element should have an id of first-name ."
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 /><for id="first-name"></label>
<label>Enter Your Last Name: <input /></label>
<label>Enter Your Email: <input /></label>
<label>Create a New Password: <input /></label>
</fieldset>
<!-- User Editable Region -->
<fieldset></fieldset>
<fieldset></fieldset>
</form>
</body>
</html>
Please refrain from posting screenshots. Instead, use the preformatted-text feature:
```
//Your code goes here
```
Let’s take a look at the demo from the page below:
Look at the label and input elements inside the form element. Notice that there are two mentions of “lfname”?
The for attribute should be inside the label element. The for attribute tells the label
“Hey, we are going to create a label for this element. The unique name of the element that this label is for is lfname” . The same time, the input will need an ID with that same name, so that the label element will know the element that it should associate itself with.
In short, the label element should have a for attribute with the name of the input element that it should be associated with. And the same input element should have an id attribute with the same name to identify itself.
