--- id: 60fabf0dd4959805dbae09e6 title: Step 28 challengeType: 0 dashedName: step-28 --- # --description-- Add another `label` after the first, with the text `Input your age (years): `. Then, nest an `input` with the `type` of `number`. As we do not want users under the age of 13 to register, add a `min` attribute to the `input` with a value of `13`. Also, we can probably assume users over the age of 120 will not register; add a `max` attribute with a value of `120`. Now, if someone tries to submit the form with values outside of the range, a warning will appear, and the form will not submit. Give it a try. # --hints-- You should add a `label` to the third `fieldset`, after the existing `label`. ```js assert.exists(document.querySelector('fieldset:nth-child(3) > label + label')); ``` You should give the `label` the text `Input your age (years): `. ```js assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)')?.textContent, 'Input your age (years): '); ``` You should give the `label` an `input` with `type` of `number`. ```js assert.exists(document.querySelector('fieldset:nth-child(3) > label:nth-child(2) > input[type="number"]')); ``` You should give the `input` a `min` attribute with a value of `13`. ```js assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2) > input[type="number"]')?.min, '13'); ``` You should give the `input` a `max` attribute with a value of `120`. ```js assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2) > input[type="number"]')?.max, '120'); ``` # --seed-- ## --seed-contents-- ```html freeCodeCamp Registration Form Project

Registration Form

Please fill out this form with the required information

--fcc-editable-region--
--fcc-editable-region--
``` ```css body { width: 100%; height: 100vh; margin: 0; background-color: #1b1b32; color: #f5f6f7; } label { display: block; margin: 0.5rem 0; } ```