Hey guys, been stuck here for a couple hours in what I must assume is a drastic overview on my end…
I already defined both the for and id attributes for the label and input elements to no avail.
Tried defining type attributes for each input element but that didn’t work either.
Tried going for only the basic here and nothing seems to work…
Am I overthinkinh this? This is driving me crazy, please help, I already looked into the other similar topics and into step 55 of the Cat Photo App, nothing seems to help…
Enter Your First Name: Enter Your Last Name: Enter Your Email: Create a New Password:<!-- 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'>
<fieldset>
<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>
</fieldset>
<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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36
Challenge: Learn HTML Forms by Building a Registration Form - Step 17
Link to the challenge: