--- id: 6141fabd6f75610664e908fd title: Step 14 challengeType: 0 dashedName: step-14 --- # --description-- Poiché questo è un quiz, avrai bisogno di un modulo che gli utenti possano usare per inviare le risposte. Puoi separare semanticamente il contenuto all'interno del modulo utilizzando degli elementi `section`. All'interno dell'elemento `main`, crea un modulo con tre elementi `section` annidati. Quindi, fai in modo che il modulo venga inviato a `https://freecodecamp.org/practice-project/accessibility-quiz`, utilizzando il metodo corretto. # --hints-- Dovresti annidare un elemento `form` all'interno dell'elemento `main`. ```js assert.exists(document.querySelector('main > form')); ``` Dovresti annidare tre elementi `section` all'interno dell'elemento `form`. ```js assert.equal(document.querySelectorAll('main > form > section')?.length, 3); ``` Dovresti dare all'elemento `form` un attributo `action`. ```js assert.notEmpty(document.querySelector('main > form')?.action); ``` Dovresti dare all'attributo `action` il valore `https://freecodecamp.org/practice-project/accessibility-quiz`. ```js assert.equal(document.querySelector('main > form')?.action, 'https://freecodecamp.org/practice-project/accessibility-quiz'); ``` Dovresti assegnare all'elemento `form` un attributo `method`. ```js assert.notEmpty(document.querySelector('main > form')?.method); ``` Dovresti assegnare all'elemento `form` un attributo `method` con il un valore `post`. ```js assert.equal(document.querySelector('main > form')?.method?.toLowerCase(), 'post'); ``` # --seed-- ## --seed-contents-- ```html Accessibility Quiz

HTML/CSS Quiz

--fcc-editable-region--
--fcc-editable-region-- ``` ```css body { background: #f5f6f7; color: #1b1b32; font-family: Helvetica; margin: 0; } header { width: 100%; height: 50px; background-color: #1b1b32; display: flex; } #logo { width: max(100px, 18vw); background-color: #0a0a23; aspect-ratio: 35 / 4; padding: 0.4rem; } h1 { color: #f1be32; font-size: min(5vw, 1.2em); } nav { width: 50%; max-width: 300px; height: 50px; } nav > ul { display: flex; justify-content: space-evenly; } ```