--- id: 60f81616cff80508badf9ad5 title: Step 21 challengeType: 0 dashedName: step-21 --- # --description-- A questo punto, dovresti essere in grado di inviare il modulo. Tuttavia, come puoi notare, non succede molto. Per rendere il modulo piĆ¹ interattivo, aggiungi l'attributo `required` agli elementi `input` nel primo `fieldset`. Ora, se tenti di inviare il modulo senza compilare i campi richiesti, vedrai un messaggio di errore. # --hints-- Dovresti assegnare al primo elemento `input` un attributo `required`. ```js assert.equal(document.querySelector('input')?.required, true); ``` Dovresti assegnare al secondo elemento `input` un attributo `required`. ```js assert.equal(document.querySelectorAll('input')?.[1]?.required, true); ``` Dovresti assegnare al terzo elemento `input` un attributo `required`. ```js assert.equal(document.querySelectorAll('input')?.[2]?.required, true); ``` Dovresti assegnare al quarto elemento `input` un attributo `required`. ```js assert.equal(document.querySelectorAll('input')?.[3]?.required, true); ``` L'`input` di `submit` non dovrebbe avere un attributo `required`. ```js assert.equal(document.querySelector('input[type="submit"]')?.required, false); ``` # --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; } ```