--- id: 60fabf0dd4959805dbae09e6 title: Step 28 challengeType: 0 dashedName: step-28 --- # --description-- Aggiungi un altro elemento `label` dopo il primo, con il testo `Input your age (years):`. Quindi, annida un `input` con l'attributo `type` con il valore `number`. Poiché non vogliamo che gli utenti di età inferiore ai 13 anni si registrino, aggiungi un attributo `min` all'`input` con il valore `13`. Inoltre, possiamo probabilmente presumere che non ci saranno utenti di età superiore ai 120 anni; aggiungi un attributo `max` con il valore `120`. Ora, se qualcuno tenta di inviare il modulo con valori al di fuori dell'intervallo, verrà visualizzato un avviso e il modulo non verrà inviato. Fai una prova. # --hints-- Dovresti aggiungere un elemento `label` al terzo `fieldset`, dopo l'elemento `label` esistente. ```js assert.exists(document.querySelector('fieldset:nth-child(3) > label + label')); ``` Dovresti assegnare all'elemento `label` il testo `Input your age (years):`. ```js assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)')?.textContent?.trim(), 'Input your age (years):'); ``` Dovresti assegnare all'elemento `label` un `input` con l'attributo `type` con il valore `number`. ```js assert.exists(document.querySelector('fieldset:nth-child(3) > label:nth-child(2) > input[type="number"]')); ``` Dovresti assegnare all'elemento `input` un attributo `min` con il valore `13`. ```js assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2) > input[type="number"]')?.min, '13'); ``` Dovresti assegnare all'elemento `input` un attributo `max` con il valore `120`. ```js assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2) > input[type="number"]')?.max, '120'); ``` # --seed-- ## --seed-contents-- ```html Registration Form

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; } ```