2021-10-14 23:33:13 +01:00
---
id: 60f852f645b5310a8264f555
2021-10-21 10:07:52 -07:00
title: Step 21
2021-10-14 23:33:13 +01:00
challengeType: 0
2021-10-21 10:07:52 -07:00
dashedName: step-21
2021-10-14 23:33:13 +01:00
---
# --description--
Let us go to the next part of the registration form. This section will ask for the type of account the user is opening, and will confirm the user has read the terms and conditions.
Start by adding three `label` elements to the second `fieldset` .
# --hints--
You should add three `label` elements to the second `fieldset` .
```js
assert.equal(document.querySelectorAll('fieldset')?.[1]?.querySelectorAll('label')?.length, 3);
```
The `label` elements should be siblings.
```js
assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('label + label + label'));
```
# --seed--
## --seed-contents--
```html
<!DOCTYPE html>
< html >
< head >
2022-03-14 15:54:43 +00:00
< title > Registration Form< / title >
2021-10-14 23:33:13 +01:00
< link rel = "stylesheet" type = "text/css" href = "styles.css" / >
< / head >
< body >
< h1 > Registration Form< / h1 >
< p > Please fill out this form with the required information< / p >
< form action = 'https://fcc-registration-form.com' >
< fieldset >
< label > Enter Your First Name: < input type = "text" required / > < / label >
< label > Enter Your Last Name: < input type = "text" required / > < / label >
< label > Enter Your Email: < input type = "email" required / > < / label >
< label > Create a New Password: < input 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 >
```
```css
body {
width: 100%;
height: 100vh;
margin: 0;
background-color: #1b1b32 ;
color: #f5f6f7 ;
}
label {
display: block;
margin: 0.5rem 0;
}
```
