--- id: 60f80e0081e0f2052ae5b505 title: Step 19 challengeType: 0 dashedName: step-19 --- # --description-- Specificare l'attributo `type` di un elemento form è importante per far sì che il browser sappia con che tipo di dati ha a che fare. Se il `type` non è specificato, il browser userà il valore predefinito `text`. Assegna ai primi due elementi `input` un attributo `type` con il valore `text`, al terzo un attributo `type` con il valore `email` e al quarto un attributo `type` con il valore `password`. Il valore `email` assegnato all'attributo type, permette di inserire solo e-mail contenenti un carattere `@` e un carattere `.`. Il valore `password` dell'attributo type nasconde l'input e avvisa se il sito non utilizza HTTPS. # --hints-- Dovresti assegnare al primo elemento `input` un attributo `type` con il valore `text`. ```js assert.equal(document.querySelector('input')?.type, 'text'); ``` Dovresti assegnare al secondo elemento `input` un attributo `type` con il valore `text`. ```js assert.equal(document.querySelectorAll('input')?.[1]?.type, 'text'); ``` Dovresti assegnare al terzo elemento `input` un attributo `type` con il valore `email`. ```js assert.equal(document.querySelectorAll('input')?.[2]?.type, 'email'); ``` Dovresti assegnare al quarto elemento `input` un attributo `type` con il valore `password`. ```js assert.equal(document.querySelectorAll('input')?.[3]?.type, 'password'); ``` # --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; } ```