curriculum/challenges/english/blocks/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md
Let us go to the next part of the registration form. This section will ask for the type of account the user is opening.
Start by adding two label elements to the second fieldset.
You should add two label elements to the second fieldset.
assert.equal(document.querySelectorAll('fieldset')?.[1]?.querySelectorAll('label')?.length, 2);
The label elements should be siblings.
assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('label + label'));
<!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" type="text" required /></label>
<label for="last-name">Enter Your Last Name: <input id="last-name" type="text" required /></label>
<label for="email">Enter Your Email: <input id="email" type="email" required /></label>
<label for="new-password">Create a New Password: <input id="new-password" type="password" pattern="[a-z0-5]{8,}" required /></label>
</fieldset>
--fcc-editable-region--
<fieldset>
</fieldset>
--fcc-editable-region--
<fieldset></fieldset>
<input type="submit" value="Submit" />
</form>
</body>
</html>
body {
width: 100%;
height: 100vh;
margin: 0;
background-color: #1b1b32;
color: #f5f6f7;
}
label {
display: block;
margin: 0.5rem 0;
}