Hi can someone help me please stuck here not sure what im not seeing
Following accessibility best practices, link the input
elements and the label
elements together using the for
attribute.
Use first-name
, last-name
, email
, and new-password
as values for the respective id
attributes.
<!-- 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 for="fisrt-name">
Enter Your First Name: <input id="fist-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>
<!-- 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36
Challenge Information:
Learn HTML Forms by Building a Registration Form - Step 18