2022-05-23 14:21:03 +00:00
---
id: 60fac56271087806def55b33
2022-11-01 14:06:22 +00:00
title: Step 34
2022-05-23 14:21:03 +00:00
challengeType: 0
2022-11-01 14:06:22 +00:00
dashedName: step-34
2022-05-23 14:21:03 +00:00
---
# --description--
2022-08-02 13:52:31 +00:00
Annida l'elemento `select` (con i suoi elementi `option` ) in un elemento `label` con il testo `How did you hear about us?` . Il testo dovrebbe trovarsi prima dell'elemento `select` .
2022-05-23 14:21:03 +00:00
# --hints--
Dovresti annidare solo l'elemento `select` all'interno di un elemento `label` .
```js
assert.exists(document.querySelector('fieldset:nth-child(3) > label:nth-child(3) > select'));
```
Dovresti assegnare all'elemento `label` il testo `How did you hear about us?` .
```js
assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(3)')?.innerText?.trim(), 'How did you hear about us?');
```
Dovresti posizionare il testo prima dell'elemento `select` .
```js
2022-07-04 17:07:30 +00:00
assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(3)')?.innerHTML?.trim().replace(/[\t\n]+/g, ''), /^How did you hear about us\?/);
2022-05-23 14:21:03 +00:00
```
2022-08-02 13:52:31 +00:00
Dovresti annidare 5 elementi `option` all'interno dell'elemento `select` .
```js
assert.equal(document.querySelectorAll('fieldset > label > select > option')?.length, 5);
```
2022-05-23 14:21:03 +00:00
# --seed--
## --seed-contents--
```html
<!DOCTYPE html>
2022-08-02 13:52:31 +00:00
< html lang = "en" >
2022-05-23 14:21:03 +00:00
< head >
2022-08-02 13:52:31 +00:00
< meta charset = "UTF-8" >
2022-05-23 14:21:03 +00:00
< title > Registration Form< / title >
2022-08-02 13:52:31 +00:00
< link rel = "stylesheet" href = "styles.css" / >
2022-05-23 14:21:03 +00:00
< / head >
< body >
< h1 > Registration Form< / h1 >
< p > Please fill out this form with the required information< / p >
2022-11-01 14:06:22 +00:00
< form method = "post" action = 'https://register-demo.freecodecamp.org' >
2022-05-23 14:21:03 +00:00
< fieldset >
2022-09-01 18:32:36 +00:00
< 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 >
2022-05-23 14:21:03 +00:00
< / fieldset >
< fieldset >
2022-09-01 18:32:36 +00:00
< label for = "personal-account" > < input id = "personal-account" type = "radio" name = "account-type" / > Personal Account< / label >
< label for = "business-account" > < input id = "business-account" type = "radio" name = "account-type" / > Business Account< / label >
< label for = "terms-and-conditions" >
< input id = "terms-and-conditions" type = "checkbox" required / > I accept the < a href = "https://www.freecodecamp.org/news/terms-of-service/" > terms and conditions< / a >
< / label >
2022-05-23 14:21:03 +00:00
< / fieldset >
--fcc-editable-region--
< fieldset >
< label > Upload a profile picture: < input type = "file" / > < / label >
2022-09-01 18:32:36 +00:00
< label > Input your age (years): < input type = "number" min = "13" max = "120" / > < / label >
2022-05-23 14:21:03 +00:00
< select >
< option > < / option >
< option > < / option >
< option > < / option >
< option > < / option >
< option > < / option >
< / select >
< / fieldset >
--fcc-editable-region--
< input type = "submit" value = "Submit" / >
< / form >
< / body >
< / html >
```
```css
body {
width: 100%;
height: 100vh;
margin: 0;
background-color: #1b1b32 ;
2022-08-02 13:52:31 +00:00
color: #f5f6f7 ;
2022-05-23 14:21:03 +00:00
}
label {
2022-08-02 13:52:31 +00:00
display: block;
margin: 0.5rem 0;
2022-05-23 14:21:03 +00:00
}
```
